处理jQuery datepicker元素上的任何事件

时间:2019-06-19 08:02:27

标签: jquery jquery-ui-datepicker jquery-events

我正在使用日期选择器,在发生“更改”事件时,我正在用时刻格式化模型的日期。

jQuery('#issued').datepicker({
                autoclose: true,
                todayHighlight: true
            }).on('change', (event) => {
                console.dir(event);
                this.issue_at = moment(Date.parse(event.target.value)).format("YYYY-MM-DD");
            });

当我从日历中选择一个日期,但是当我打开日历并在外部单击时,它会恢复为原始日期格式,因此效果很好。我知道如果我不选择日期就会触发什么事件,我可以避免这种情况。

打开的日历但未选择日期的事件名称是什么?更好的是,如何编写可以处理任何事件的jquery事件处理程序。如果不可能,那么如何检测未选择日期事件?

1 个答案:

答案 0 :(得分:0)

您可以尝试使用“ 模糊”或“ 聚焦”代替“ 更改”事件。如@ user7290573所问,您是否可以共享jsFiddle只是为了确保一切都按预期进行。

注意:实际上,这并不是最干净的方法,它会导致触发您创建的事件处理程序功能超出预期。

编辑

如果预期结果是要确保日期以 YYYY-MM-DD 格式显示,则可以使用以下代码进行初始化:

jQuery('#issued').datepicker({
                autoclose: true,
                todayHighlight: true,
dateFormat:"yy-mm-dd"});

对应的link