如何将jQuery Datepicker添加到Odoo v10？

Question

I am extending website_sale.checkout template and want to add $('#datepicker').datepicker(), how to do that 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

Try like this:

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

Then in your assets.js file add your jquery code also.

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