Wie fügt man jquery Datepicker zu Odoo v10 hinzu?

Question

Ich erweitere website_sale.checkout Vorlage und möchte $ hinzufügen ('# datepicker'). Datepicker(), wie geht das in assets.js?

<template id="checkout_add_delivery" inherit_id="website_sale.checkout"> 
     <xpath expr="//a[@class='btn btn-default mb32']" position="replace"> 
      <form action="/shop/payment" method="post" class="s_website_form form-horizontal container-fluid mt32" 
        enctype="multipart/form-data" data-force_action="sale.order" data-model_name="sale.order" data-success_page="/shop/payment"> 
       <div class="form-group"> 
        <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/> 
       </div> 
      </form> 
     </xpath> 
    </template> 

    <template id="assets_backend" name="custom assets" inherit_id="web.assets_backend"> 
     <xpath expr="." position="inside"> 
      <script type="text/javascript" src="/sales_order_extension/static/src/js/assets.js"></script> 
     </xpath> 
    </template> 

Answer 1

wie diese versuchen:

<template id="checkout_add_delivery" inherit_id="website_sale.checkout"> 
     <xpath expr="//a[@class='btn btn-default mb32']" position="replace"> 
      <form action="/shop/payment" method="post" class="s_website_form form-horizontal container-fluid mt32" 
        enctype="multipart/form-data" data-force_action="sale.order" data-model_name="sale.order" data-success_page="/shop/payment"> 
       <div class="form-group"> 
        <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/> 
       </div> 
      </form> 
     </xpath> 
    </template> 

    <template id="assets_backend" name="custom assets" inherit_id="web.assets_backend"> 
     <xpath expr="." position="inside"> 
     <!-- add this library before your assets.js like i added --> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
      <script type="text/javascript" src="/sales_order_extension/static/src/js/assets.js"></script> 
     </xpath> 
    </template> 

Dann in Ihrem assets.js auch Ihre jQuery-Code Datei hinzufügen.

$(function(){ 
$('#datepicker').datepicker(); 
});