jquery DatepickerをOdoo v10に追加するには？

Question

私はwebsite_sale.checkoutテンプレートを拡張して、$（ '＃datepicker'）を追加したいのですが、datepicker（）、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

このようにしてみてください。

<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> 

次に、あなたのassets.jsファイルにあなたのjqueryのコードも追加します。

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