JavaScript datepicker onSelect不会触发

时间:2019-05-23 14:07:23

标签: javascript forms input datepicker

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

除了onselect函数外,下面所有代码均按预期工作。

.collectEntries()

当我单击日历中的某一天时,我会被扔到页面顶部,但确实会将日期放在输入字段中,而不是“ 18:00-19:00”或“ 11:00” -12:00“

1 个答案:

答案 0 :(得分:0)

想发布我的解决方案:

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);
                     }
                 } 
     });
});