Datepicker无法首次单击动态元素

时间:2014-08-18 10:18:11

标签: jquery

jQuery datepicker在第一次点击时没有工作,同时重新启动动态附加输入字段的脚本!任何解决方案

// datepicker click event function reinitiated for dynamically added input field - script       
$(document).on("click", ".datepicker", function (evt) {
    $('.datepicker').datetimepicker({
        format: 'd/m/Y',
        timepicker: false,
    });
    event.stopPropagation();
});

1 个答案:

答案 0 :(得分:0)

你的逻辑不太正确。您应该在页面加载时初始化datepicker,而不是单击元素:

$(function() {
    $('.datepicker').datetimepicker({
        format: 'd/m/Y',
        timepicker: false,
    });
});

如果您需要在动态元素上初始化它,请在创建它们的回调中执行此操作:

$.ajax({
    url: 'foo.php',
    success: function(data) {
        $('#bar').html(data).find('.datepicker').datetimepicker({
            format: 'd/m/Y',
            timepicker: false,
        });
    }
});