Bootstarp Datepicker 시작날짜, 끝날짜 정하기(startdate, enddate)

Bootstarp Datepicker 시작날짜, 끝날짜 정하기(startdate, enddate)

시작날짜에선 끝날짜 "이전"만 선택 가능하도록

끝날짜에선 시작날짜 "이후"만 선택 가능하도록

 

코드는 아래와 같음

$("#start").datepicker({
  format: "yyyy-mm-dd",
  autoclose : true,	
  calendarWeeks : false,
  clearBtn : false, 
  showWeekDays : true ,
  todayHighlight : true ,
  language : "kr"			    
}).on("changeDate", function(){
  $("#end").datepicker("setStartDate", new Date($("#start").val()));
});

$("#end").datepicker({
  format: "yyyy-mm-dd",
  autoclose : true,	
  calendarWeeks : false,
  clearBtn : false, 
  showWeekDays : true ,
  todayHighlight : true ,
  language : "kr"			    
}).on("changeDate", function(){
  $("#start").datepicker("setEndDate", new Date($("#end").val()));
});

 

위와 같이 써주면 시작날짜가 바뀔 때 마다 끝 날짜에서 선택할 수 있는 날짜 세팅이 바뀌는 식으로 동작한다.

Jquery Datepicker에 비해 Bootstrap Datepicker는 옵션이 너무 부족하다. 하지만 회사에서 이걸 쓰겠다는데 누가 말리겠습니까 제가 알아서 해야쥬