dateTimePicker minDate/maxDate 설정

dateTimePicker 페이지 참조
https://eonasdan.github.io/bootstrap-datetimepicker/

 

$("xxx").datetimepicker({ 
	"format" : "YYYY. M. D" 
	,minDate : moment().format("YYYY-MM-DD")
	,maxDate : moment().format("YYYY-MM-DD")
});

이게 설정 하기가 햇깔리는게 우선

dateTimePicker페이지에 보면 minDate/maxDate는 

moment,String,Date형을 지원한다고 써있는데

이게 지원은 하는데 Date형 말고 String형과 moment형은 포멧이 ISO 표준 아래 목록만 받아들이는것같다.

 

Year: YYYY (eg 1997)

Year and month: YYYY-MM (eg 1997-07)

Complete date: YYYY-MM-DD (eg 1997-07-16)

Complete date plus hours and minutes: YYYY-MM-DDThh:mmTZD (eg 1997-07-16T19:20+01:00)

Complete date plus hours, minutes and seconds: YYYY-MM-DDThh:mm:ssTZD (eg 1997-07-16T19:20:30+01:00) Complete date plus hours, minutes, seconds and a decimal fraction of a second YYYY-MM-DDThh:mm:ss.sTZD (eg 1997-07-16T19:20:30.45+01:00)

moment 같은경우 생성 문법이

 

moment(String date,String format) : 포맷이 맘대로인경우

또는

moment(Date date) : 날짜 객체를 넣는경우

또는

moment(String date) : ISO지키는 문자열

 

이고 이모맨트는 .format("YYYY-MM-DD") 로 바로 ISO 표준으로 받을수가있다.

 

그래서 결론 minDate/maxDate에 넣을때는

크롬에서는 저절로 좀 틀려도 보정이 되는것같은데 IE에서는 포맷을 잘 맞추어 주어야합니다.

---------- 날짜 정보가 ISO 표준이 아닐경우 ----------

minDate : moment("2019/04/19","YYYY/MM/DD").format("YYYY-MM-DD")  :오늘 날짜로 포맷까지 설정

minDate : moment("2019/04/19 12/32/34","YYYY/MM/DD hh/mm/ss").format("YYYY-MM-DD hh:mm:ss") :포맷이랑 시간까지 설정

 

 

---------- 날짜 정보가 ISO 표준일경우 ------

minDate : moment("2019-04-19").format("YYYY-MM-DD")  :오늘 날짜로 설정

minDate : moment("2019-04-19").format("YYYY-MM-DD hh:mm:ss") :시간까지 설정

 

minDate : moment("2019-04-19").format("YYYY-MM-DD")  :오늘 날짜로 설정

minDate : moment("2019-04-19").format("YYYY-MM-DD hh:mm:ss") :시간까지 설정

 

minDate : "2019-04-19" : 그냥 문자열로 날짜까지만 설정

minDate : "2019-04-19 20:30:00" : 그냥 문자열로 시간까지 설정

 

-------- 아래 두개는 잘 안됨 왠만하면 쓰지마세요 ----- ㅋㅋ

 

minDate : new Date("2019-04-19") : Date객체로 날짜까지 생성

minDate : new Date() : Date객체로 시간까지 설정