자바스크립트
datepicker 오늘이후 선택가능 , 날짜 제한
뇽꾸리
2020. 12. 29. 18:04
반응형
function initDate(){
$('#ad_start_dt').datepicker('option', 'minDate','0');//오늘이후 선택가능
$('#ad_end_dt').datepicker('option', 'minDate','0');//오늘이후 선택가능
$('#ad_start_dt').datepicker("option", "onClose", function (selectedDate) {
let date = new Date(selectedDate);
date.setDate(date.getDate() + 1);
let a = 0;
let nextDate = date.toLocaleString().replace(/ /gi, '').split('.').map(item =>{if(a < 3){ a++; return item} }).filter(Boolean).join('.');
$("#ad_end_dt").datepicker( "option", "minDate", nextDate );
});
$('#ad_end_dt').datepicker("option", "onClose", function ( selectedDate ) {
$("#ad_start_dt").datepicker( "option", "maxDate", selectedDate );
});
}
그리고 조금 응용해서 시작날짜는 end날짜를 넘지못하고 end날짜최소시작은 시작날짜 다음날로! 1일이상 무조건 차이나야해서 이렇게함!
반응형