jQuery DateTimePicker添加小时 [英] JQuery DateTimePicker add hours

问题描述

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

I am using the following code, datepicker from jquery, to pick up a date from a calendar. When I select a date for the first field then this date and time will be entered in the second field too.

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

What I need is but to enter the date and time in the second field with addition of 10 hours (addHours(10)). I tried some options but did not succeed. Could you please advice where to put the code, .addHours(10), to get result in the second field?

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

推荐答案

不确定，但是根据您的输入，我认为以下脚本可以解决您的问题，请提供jsFiddle以便更好地对其进行跟踪.

Im not sure but based on your inputs I think the below script will solve your issue, please provide a jsFiddle to trace it better.

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

这篇关于jQuery DateTimePicker添加小时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！