새소식

Front

[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기

  • -
728x90

[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기



bootstrap datepicker는 다루기 어렵네요 ^  ^; 

달력에서, 서비스 제공자가 원하는

minDate 혹은 MaxDate를 넘어가는 값을 선택했다면

오늘 날짜로 바꿔지도록 꼼수를 써봤습니다.


javascript


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
    $('#DATE_FROM').datepicker({
        format: "yyyy-mm-dd",
        language: "kr",
        autoclose: true,
        todayHighlight: true,
        constrainInput: false
    }).datepicker(
            "setDate"new Date(new Date()) 
    ).on("changeDate"function (e) {
        if($('#DATE_FROM').val() > $('#DATE_TO').val()){
            alert("출발일 보다 이전 날짜를 선택해 주세요");
            $('#DATE_FROM').datepicker("setDate", today);
        }
    });
 
    $('#DATE_TO').datepicker({
        format: "yyyy-mm-dd",
        language: "kr",
        autoclose: true,
        todayHighlight: true,
        constrainInput: false
    }).datepicker(
            "setDate"new Date(new Date()) 
    ).on("changeDate"function (e) {
        if($('#DATE_FROM').val() > $('#DATE_TO').val()){
            alert("도착일 보다 나중 날짜를 선택해 주세요");
            $('#DATE_FROM').datepicker("setDate", today);
        }
    });
cs

질문이 있다면 댓글 남겨주세요. 감사합니다 ^  ^


반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.