将事件附加到Bootstrap DatetimePicker

时间:2015-02-18 22:12:46

标签: javascript javascript-events bootstrap-datetimepicker

使用Javascript,如何在Bootstrap DatetimePicker(Homepage)中更改日期时间时附加事件侦听器

<script>
    $(function(){
        document.getElementById('dtp1').addEventListener('change',function(e){
            //Do Something
        });
    });
</script>

但是,当我使用键盘或鼠标(指向并点击)更改日期时,上述功能不会被触发。

HTML看起来像这样:

<div class="form-group">
    <div class='input-group date' id='dtp1'>
        <span class="input-group-addon" id="basic-addon1">Date</span>
        <input type='text' class="form-control"/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

如果有人建议以正确的方式做到这一点,我将非常感激。

1 个答案:

答案 0 :(得分:4)

我制定了一个能够取得成果的解决方案。

<script>
    $("#dtp1").on("dp.change",function (e) {
        //Do Something
    });
</script>