Javascript datepicker onSelect 不触发

Question

如果单击第 1 天或第 3 天，我想在输入字段中打印“18:00-19:00”，否则为“11:00-12.00”，即第 6 天。

除 onselect 函数外，以下所有代码都按预期工作。

jQuery(document).ready(function(){  
    function DisableDays(date) {
         var day = date.getDay();
         if (day == 2 || day == 4 || day == 5 || day == 0) {
             return [false] ; 
         } else {
             return [true]
         } 
     }

    jQuery(function() {
        jQuery( "#datepicker" ).datepicker({
           beforeShowDay: DisableDays, 
           minDate: "+1", maxDate: "+14", 
           onSelect: function(datetext, date) {         
                         var day = date.getDay();
                         if (day == 1 || day == 3) {
                             datetext = datetext + " 11:00-12:00";
                             jQuery('#datepicker').val(datetext);
                         } else {
                             datetext = datetext + " 18:00-19:00";
                             jQuery('#datepicker').val(datetext);
                         }
                     } 
         });
    });
});

当我点击日历中的某一天时，我会跳到页面顶部，但它确实会在输入字段中输入日期，而不是“18:00-19:00”或“11:00” -12:00"

Answer 1

想发布我的解决方案:

function DisableDays(date) {
     var day = date.getDay();
     if (day == 2 || day == 4 || day == 5 || day == 0) {
         return [false];
     } else {
         return [true];
     } 
 }

jQuery(function() {
    jQuery( "#datepicker" ).datepicker({
       beforeShowDay: DisableDays, 
       minDate: "+1", maxDate: "+14", 
       onSelect: function (datetext) { 
                    var dateMin = jQuery('#datepicker').datepicker("getDate");
                    var d = new Date(dateMin);
                    var n = d.getDay();
                     if (n == 1 || n == 3) {
                         datetext = datetext + " 18:00-19:00";
                         jQuery('#datepicker').val(datetext);
                     } else {
                         datetext = datetext + " 11:00-12:00";
                         jQuery('#datepicker').val(datetext);
                     }
                 } 
     });
});