2014-11-07 6 views
-1

나는 텍스트 상자가있는 부트 스트랩 Datepicker에서 작업합니다. 두 개의 텍스트 상자에 datepicker가 연결되어 있습니다. 텍스트 상자는 시작 날짜와 종료 날짜입니다. 첫 번째 datepicker는 사용자가 오늘 이전의 날짜를 선택할 수 없도록 설정되지만 이후의 날짜는 선택할 수 있습니다.MVC5 부트 스트랩 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' 
    }); 

답변

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

이이

도움이 될 것입니다 생각하는

는이 코드를 시도하지만하지 두 번째 텍스트 상자에 작업

관련 문제