Question

我试图在DatePicker bootstrap changeDate事件上调用ajax，但在尝试了所有可能的方法后，我失败了。请帮我。为了测试，我使用console.log。

脚本：

 $( document ).ready(function() {
        $('.date-picker').datepicker();
        $('.date-picker').on('changeDate', function() {
            var date = $('#date-picker').val();
            console.log(123);
            return false; // for testing...
        });
    });

HTML：

<p class="_50">
                <label for="TitleID"><strong>Date </strong></label>
                <input name="date-picker" id="date-picker" value=""  class="date-picker"" type="text" class="required"  readonly="readonly"/>
            </p>

Answer 1

确保已加载input，然后初始化插件。

试试window.load：

$(window).load(function() {
   $('.date-picker').datepicker().
                    .on('changeDate', function() {
                       // Your ajax call
                    }); 
});

Answer 2

更改＆＃34; changeDate＆＃34;改变＆＃34;改变＆＃34;简单地：

<p>Date:
    <input id="datepicker" type="text">
</p>
$("#datepicker").datepicker().on('change', function() {
    alert("changed");
});

演示Fiddle

ChangeDate - 日期选择器引导程序

2 个答案: