在每一步/单击之后更新引导程序日期时间选择器

Update bootstrap datetimepicker after every step/click

本文关键字：引导程序 日期 时间 选择器 更新 之后 每一步 单击      更新时间：2023-09-26

我正在使用Bootstrap的日期拾取器的扩展。它工作得很好，但我遇到了一个可用性问题-当选择日期/时间时，除非选择所有步骤(年/月/日/小时/分钟)，否则日期选择器所附加的文本字段不会更新。在单击所有步骤之前，单击日期选择器，不会对文本字段中的日期产生任何更改。

当用户在选择过程中单击时(可能因为他们只是想更改日期，但发现已经存在的小时和分钟是可以接受的)，我如何使文本字段得到适当更新?

例如:

字段初始日期:2015/10/10 10:00

点击2015/10/15 ->点击离开->字段日期:2015/10/15 10:00

这可能吗?

查看更新后的小提琴- https://jsfiddle.net/4cqLcxcm/8/

在日期选择器上增加了changeDay事件，它将触发日期更改并将该值设置到输入框中。下面是我修改的代码:

$(document).ready(function() {
   var now = new Date();
       $('#send-time').datetimepicker({
           format: 'yyyy/mm/dd hh:ii',
           startDate: now
       })
       .on('changeDay', function(ev){
           $('#send-time').datetimepicker('update',ev.date);
       });
    console.log('test'); 
});
相关文章：