Question

我使用文本框处理Bootstrap Datepicker。我有两个文本框，上面挂着一个日期选择器。文本框用于开始日期和结束日期。设置第一个日期选择器，以便用户无法在今天之前选择日期，但可以选择将来的任何日期。

如何设置第二个日期选择器，使其无法在第一个日期选择器中选择的日期之前选择日期？

我尝试使用此代码但不适用于第二个文本框

  $("#CheckIN").datepicker({ 
        dateFormat: 'dd/mm/yy',
        startDate: "today"
    });
    $("#CheckIN").change(function () {        
        var endDate = $("#CheckIN").datepicker('getDate') ;    
        $("#CheckOUT").datepicker({startDate: endDate });
    });
    $("#CheckOUT").datepicker({ 
        dateFormat: 'dd/mm/yy'
    });

Answer 1

var startDate=null;
var endDate=null;
$(function () {
    $("#start-date").datepicker({
        format: "yyyy-mm-dd",
        todayBtn: "linked",
        autoclose: true,
    }).on("changeDate", function(ev){
        console.log(ev);
        startDate=new Date(ev.date.getFullYear(),ev.date.getMonth(),ev.date.getDate(),0,0,0);
        if(endDate!=null&&endDate!='undefined'){
            if(endDate<startDate){
                    alert("End Date is less than Start Date");
                    $("#start-date").val("");
            }
        }
    });
    $("#end-date").datepicker({
        format: "yyyy-mm-dd",
        todayBtn: "linked",
        autoclose: true,
    }).on("changeDate", function(ev){
        endDate=new Date(ev.date.getFullYear(),ev.date.getMonth(),ev.date.getDate(),0,0,0);
        if(startDate!=null&&startDate!='undefined'){
            if(endDate<startDate){
                alert("End Date is less than Start Date");
                $("#end-date").val("");
            }
        }
    });
});

认为这会有所帮助

MVC5 Bootstrap datepicker比较两个日期

1 个答案: