jquery - jqueryでの日時ピッカーの問題

Question

以下のコードを使用して、日時ピッカーから日付を選択できます。

何が起こっているのかは、開始日では今日の日付と前の日付のみを取得していますが、終了日では、強調表示されているように今日以降の日付フォームを取得しています。

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()