Question

我使用datetimepicker显示日历

我有两个日历字段，其中包含cal1和cal2类

<input type="text" class="form-control cal1" id="from_search" name="from_search" required/>
<input type="text" class="form-control cal2" id="to_search" name="to_search" required />  

$(".cal1").datetimepicker({
        timepicker: false,
        format: "d-m-Y",
         onChangeDateTime: function(current_time, $input) {
            $input.data("Date", current_time.getTime());
            $(this).hide();
        },
        maxDate:'+1970/01/01'
    });

    // Date TimePicker
    $(".cal2").datetimepicker({
        timepicker: false,
        format: "d-m-Y",
         onChangeDateTime: function(current_time, $input) {
            $input.data("Date", current_time.getTime());
            $(this).hide();
        },
        maxDate:'+1970/01/01' //,
        //minDate: new Date()
    });

当我们选择cal2时，日历必须根据cal1日历显示minDate

我有谷歌。我一直在为datepicker而不是datetimepicker

如何使用datetimepciker

基于第一个日历设置minDate

Answer 1

使用此：

$(function () {
        $('.cal1').datetimepicker();
        $('.cal1').datetimepicker({
            useCurrent: false
        });
        $(".cal1").on("dp.change", function (e) {
            $('.cal2').data("DateTimePicker").minDate(e.date);
        });
        $(".cal2").on("dp.change", function (e) {
            $('.cal1').data("DateTimePicker").maxDate(e.date);
        });
    });

这是一个非常自我解释的代码，评论是否有疑问！

根据datetimepicker中的另一个日历设置minDate字段

1 个答案: