Question

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

正在发生的事情是在startdate我今天的日期和之前的日期只有在结束日期我今天的日期表格会突出显示。

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

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

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

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

Answer 2

将此作为参数...

minDate: new Date()

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

2 个答案: