Jquery datetimepicker – 提前1小时

我目前正在使用jQuery datetimepicker附加组件

它的工作原理非常完美,但我对如何为它添加一些function感到困惑。 我目前在一个页面上有两个实例,一个用于开始时间,一个用于结束时间。 当我选择开始时间时,我想自动填写结束时间,开始时间+ 1小时。

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

以下内容将在结束时间日期选择器中添加一小时。

$('#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 ); } }); 

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

您可以查看onSelect文档并在时间戳上使用它

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

页面底部附近显示Get和Set Datetimefunction。

 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"));