Jquery datetimepicker - 将时间提前 1 小时

Question

我目前正在使用 此处 的 jQuery datetimepicker 插件，

它工作得非常完美，但我'我对如何向其添加一点功能感到困惑。我目前在页面上有两个实例，一个用于开始时间，一个用于结束时间。当我选择开始时间时，我想自动填写结束时间（开始时间 + 1 小时）。

这可以在不扩展核心脚本的情况下完成吗？

Answer 1

是的，它扩展了 JQuery-UI Datepicker，它具有不同的回调来处理选择，

您可以查看 onSelect 文档 并在您的时间选择器上使用它

$('#example').datetimepicker({
    onSelect: function(){
              //add 1 hour to start time
        }
});

Answer 2

以下代码将为结束时间日期选择器添加一小时。

$('#dtStartDate').datetimepicker({
    onSelect: function(){
       var startDate = $('#dtStartDate').datetimepicker('getDate'));
       var endDate = new Date(parseFloat(startDate.setHours(startDate.getHours()+1)))

       //Get the ending date datepart
       var endDateDatePart = endDate.getFullYear() + '/' + endDate.getMonth() + '/' + endDate.getDate();

       //calculate the ending date time part including AM/PM
       var endDateTimePart;
       if (endDate.getHours() > 12) { endDateTimePart = endDate.getHours()-12 + ':' + endDate.getMinutes() + ' PM';} else {endDateTimePart = endDate.getHours() + ':' + endDate.getMinutes() + ' AM';}
       $('#dtEndDate').datetimepicker('setDate', endDateDatePart + ' ' + endDateTimePart );
   }
});

Answer 3

页面底部附近显示了“获取和设置日期时间”函数。

var ex13 = $('#example13');

ex13.datetimepicker();

$('#example13_setdt').click(function(){
    ex13.datetimepicker('setDate', (new Date()) );
});

$('#example13_getdt').click(function(){
    alert(ex13.datetimepicker('getDate'));
});

你能用那个吗？或者当然你必须在 getDate 中添加一个小时。

$("#endtime").datetimepicker("setDate", $("#starttime").datetimepicker("getDate"));