Question

我想在用户使用datepicker更改日期输入值时运行一个函数，这是我的代码：

HTML：

<div class="input-group date form-group" data-provide="datepicker">
    <input type="text" class="form-control" id="birthdate" 
            name="birthdate" placeholder="Student Birth Date...">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>

JS：

$('#birthdate').datepicker({
    format: 'yyyy/mm/dd',
    startDate: '-3d'
});

$('#birthdate').datepicker()
    .on('changeDate', function(e) {
        alert();
});

更改日期时，没有任何反应。我在询问之前已经搜索过这个问题，但没有答案解决了我的问题！

Answer 1

尝试更改事件＆＃39;

演示：http://jsfiddle.net/Z3CRA/99/

$('#birthdate').datepicker({
    format: 'yyyy/mm/dd',
    startDate: '-3d'
});


$( "#birthdate" ).change(function() {
  alert( "Handler for .change() called." );
});

更新：您应该选择div＃datepicker而不是直接输入。

演示：http://jsfiddle.net/8ac7b7Lh/4/

$('#datepicker').datepicker({
    format: 'yyyy/mm/dd',
    startDate: '-3d'
});

$('#datepicker').datepicker().on('changeDate', function (ev) {
  console.log('Input changed');
});

bootstrap datepicker：更改日期时运行函数

1 个答案: