如何防止單擊日期並在引導程序日期選擇器中顯示警報消息？

Question

所以我的代碼如下：

var date = new Date();
var active_dates = [<?php 
                $i=0;   
                for($i=0;$i<=count($booked_dates);$i++) {
                    echo "'".$booked_dates[$i]."',";
                }
            ?>];
    date.setDate(date.getDate()+1);
    $('#single_datepicker_1').datepicker({
        rtl: KTUtil.isRTL(),
        todayHighlight: true,
        templates: arrows,
        startDate: date, //disable all old dates
        setDate: date, //tomorrow's date allowed
        multidate: true,
        format: 'dd/mm/yyyy',

         beforeShowDay: function(date){
                 var d = date;
                 var curr_date = d.getDate();
                 var curr_month = d.getMonth() + 1; //Months are zero based
                 var curr_year = d.getFullYear();
                 var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

                 if ($.inArray(formattedDate, active_dates) != -1){
                   return {
                      classes: 'bookedDates'
                   };
                 }
              return;
          }
        //maxDate: '28/12/2019'

    });

現在防止預訂日期可點擊並顯示警報消息的代碼：

    $('.bookedDates').click(function(event) {
    console.log('Preventing');
    event.preventDefault();
    event.stopPropagation();

    alert("fdf");
});

現在，基於上面的代碼，我的日期選擇器如下所示：

但是，問題是當我到下個月時，比如四月，然后沒有顯示警報消息，原因是四月最初沒有加載到日期選擇器上。 因為當月是三月。

因此，如果您單擊以下任何日期警報消息將不會顯示：

任何人都可以讓我知道我應該做什么，以便在我單擊四月日期時顯示警報消息。 謝謝：）

Answer 1

該庫提供了一種禁用某些日期的方法。 只需將其作為選項的一部分傳遞即可。

datesDisabled: [date_sttings],

或者您可以傳遞單個日期字符串。 請注意，日期字符串必須遵循您已定義的日期格式。

或者，您可以擁有一組禁用日期。 當用戶選擇日期時。 您首先檢查它是否在禁用日期數組中。 如果是，則顯示警報並根據需要執行其他操作。