jquery中的日期时间选择器问题答案

【问题标题】：Datetime Picker issue in jqueryjquery中的日期时间选择器问题
【发布时间】：2012-05-11 06:06:43
【问题描述】：

使用下面的代码，我可以从日期时间选择器中选择日期。

发生的事情是在 startdate 中，我只得到今天的日期和前一个日期，而在 enddate 中，我得到今天以后的日期表格，突出显示。

我希望在 startdate 中选择日期后，所有选择 startdate 之后的日期都应该在 enddate 中突出显示。

$(function () {
  $('#event_start_date').datetimepicker({ maxDate: '0' });
});

$(function () {
  $("#event_end_date").datetimepicker({ minDate: '0' });
});

【问题讨论】：

标签： jquery function datetimepicker

【解决方案1】：

我想这可能对你有帮助....

$(function() {
    $('#event_start_date').datetimepicker({
        dateFormat:'yy-mm-dd',
        timeFormat: 'hh:mm:ss',
        showSecond: true,
        onClose: function(dateText, inst) {
            var endDateTextBox = $('#event_start_date');
            if (endDateTextBox.val() != '') {
                var testStartDate = new Date(dateText);
                var testEndDate = new Date(endDateTextBox.val());
                if (testStartDate > testEndDate)
                    endDateTextBox.val(dateText);
            }
            else {
                endDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            var start = $(this).datetimepicker('getDate');
            $('#event_start_date').datetimepicker('option', 'minDate', new Date(start.getTime()));
        }
    });
    $('#event_start_date').datetimepicker({
        dateFormat:'yy-mm-dd',
        timeFormat: 'hh:mm:ss',
        showSecond: true,
        onClose: function(dateText, inst) {
            var startDateTextBox = $('#event_start_date');
            if (startDateTextBox.val() != '') {
                var testStartDate = new Date(startDateTextBox.val());
                var testEndDate = new Date(dateText);
                if (testStartDate > testEndDate)
                    startDateTextBox.val(dateText);
            }
            else {
                startDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            var end = $(this).datetimepicker('getDate');
            $('#event_start_date').datetimepicker('option', 'maxDate', new Date(end.getTime()) );
        }
    });
});

【讨论】：

我已经使用了这个代码，但是在这个的帮助下，开始日期日历显示了所有的日期，而我只想要今天和上一个日期。

【解决方案2】：

将其用作参数...

minDate: new Date()

【讨论】：