Question

我的页面上有一些字段使用bootstrap datepicker并设置如下：

$(".datepicker-input").each(function () { $(this).datepicker(); });

如果我希望他们成为一个日期选择器，显然他们有这个课程。在某些字段上我想基于它们运行一个函数，所以我实现了jquery的更改事件：

$(".eventfilter").change(function () {
    self.loadEvents();
});

再次这样做，所以我只为每个设置一个类。除了使用datepicker的任何文本输入之外，唯一的问题是所有选择，复选框，文本都有效。可能是因为这些也设置为只读，因此用户无法输入无效日期。

关于如何触发这些变更事件的任何快速想法，请记住，我并不希望所有日期选择器/字段都只是在具有类eventfilter的日期。

Answer 1

// OnChange event
$(".eventfilter").on('change', function () {
    // Some code here
});

// Trigger onChange event via javascript
$(".eventfilter").trigger('change');

您可以在通过datepicker选择日期后手动运行它。这是完整的datepicker事件列表http://api.jqueryui.com/datepicker/。例如：

$(".datepicker-input").datepicker({
    onSelect: function() {
        $(".eventfilter").trigger('change');
    }
});

Answer 2

对于其他任何人，这可能有助于我不得不为这些字段设置日期选择器以在datepickers changeDate事件之后触发该函数：

$('.eventdatepicker-input').datepicker()
                    .on('changeDate', function(e){
                        self.loadEvents();
                });

jQuery更改不使用datepicker

2 个答案: