JQuery DateTimePicker 添加小时

Question

我使用以下代码datepicker从jquery日历中获取日期。当我为第一个字段选择日期时，该日期和时间也将输入到第二个字段中。

我需要的只是在第二个字段中输入日期和时间并添加 10 小时 (addHours(10))。我尝试了一些选择但没有成功。您能否建议将代码放在哪里.addHours(10)才能在第二个字段中获取结果？

var startDateTextBox = $('#rest_example_4_start');
var endDateTextBox = $('#rest_example_4_end');

startDateTextBox.datetimepicker({ 
    onClose: function(dateText, inst) {
        if (endDateTextBox.val() != '') {
            var testStartDate = startDateTextBox.datetimepicker('getDate');
            var testEndDate = endDateTextBox.datetimepicker('getDate');

            if (testStartDate > testEndDate)
                endDateTextBox.datetimepicker('setDate', testStartDate);
        } else {
            endDateTextBox.val(dateText);
        }
    },
    onSelect: function (selectedDateTime) {
        endDateTextBox.datetimepicker('option', 'minDate',  startDateTextBox.datetimepicker('getDate'));        
    }
});

endDateTextBox.datetimepicker({ 
    onClose: function(dateText, inst) {
        if (startDateTextBox.val() != '') {
            var testStartDate = startDateTextBox.datetimepicker('getDate');
            var testEndDate = endDateTextBox.datetimepicker('getDate');

            if (testStartDate > testEndDate)
                startDateTextBox.datetimepicker('setDate', testEndDate);
        }
        else {
        startDateTextBox.val(dateText);
        }
    },
    onSelect: function (selectedDateTime){
        startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate')) 
        startDateTextBox.addHours(10);
    }
});

Answer 1

我不确定，但根据您的输入，我认为下面的脚本将解决您的问题，请提供一个jsFiddle以便更好地跟踪它。

$('#txtName').change(function() {
  var date2 = $('#txtName').datepicker('getDate'); 
  date2.setHours(date2.getHours()+10); 
    //alert(date2);
  $('#txtRes').val(date2);
});

JSFiddle 演示

更新：与datetimepicker.

  var date2 = $('#rest_example_4_start').datetimepicker('getDate'); 
  date2.setHours(date2.getHours()+10); 
  $('#rest_example_4_end').datetimepicker('setDate', date2);
});