복붙노트

[JQUERY] jQuery UI - DatePicker, 특정 날짜를 비활성화합니다

JQUERY

jQuery UI - DatePicker, 특정 날짜를 비활성화합니다

해결법


  1. 1.하나의 입력에서 DatePicker를 두 번 호출하는 것처럼 보입니다. 코드를 따르기가 어려운 일이지만,이를 다시 정리하고 두 번째 Datepicker 통화를 제거하면 모든 것이 작동해야합니다.

    하나의 입력에서 DatePicker를 두 번 호출하는 것처럼 보입니다. 코드를 따르기가 어려운 일이지만,이를 다시 정리하고 두 번째 Datepicker 통화를 제거하면 모든 것이 작동해야합니다.

    <script type="text/javascript">
        var unavailableDates = ["9-3-2012", "14-3-2012", "15-3-2012"];
    
        function unavailable(date) {
            dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
            if ($.inArray(dmy, unavailableDates) == -1) {
                return [true, ""];
            } else {
                return [false, "", "Unavailable"];
            }
        }
    
        $(function() {
            $("#iDate").datepicker({
                dateFormat: 'dd MM yy',
                beforeShowDay: unavailable
            });
    
        });
    </script>
    

    이 문서를 확인하십시오 : disable-dates-in-datepicker


  2. 2.유용한 답변. 특정 날짜를 비활성화하고 싶다면 다음과 같이 할 수 있습니다.

    유용한 답변. 특정 날짜를 비활성화하고 싶다면 다음과 같이 할 수 있습니다.

              $scope.dateOptions = {
                beforeShowDay: unavailable
              };
    
              function unavailable(date) {
                    if (date.getDay() === 0) {
                        return [true, ""];
                    } else {
                        return [false, "", "Unavailable"];
                    }
              }     
    

    위의 일요일에만 활성화 될 것이며 다른 모든 날은 비활성화됩니다. 도움이 되었기를 바랍니다.

  3. from https://stackoverflow.com/questions/9742289/jquery-ui-date-picker-disabling-specific-dates by cc-by-sa and MIT license