jQuery datetimepicker-提前1小时 [英] Jquery datetimepicker - Advance time by 1 hour

问题描述

我目前正在此处

它几乎可以完美地工作，但是我为如何添加一些功能而感到困惑.我目前在页面上有两个实例，一个用于开始时间，一个用于结束时间.选择开始时间后，我想自动以开始时间+ 1小时填写结束时间.

It works just about perfectly, but I'm stumped on how to add a small bit of functionality to it. I currently have two instances on a page, one for start-time and one for end-time. When I choose a start-time, I'd like to automatically fill in the end-time with the start time + 1 hour.

是否可以完全不扩展核心脚本来实现?

Can this be accomplished without extending the core script at all?

推荐答案

以下内容将使结束时间选择器增加一小时.

The following will add one hour to the end-time datepicker.

$('#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 datetimepicker-提前1小时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！