结合jQuery datepicker函数

时间:2017-07-26 05:32:03

标签: javascript jquery datepicker

我有两个函数,我想用它来缩小我的jQuery Datepicker中的选择范围。我坚持如何结合这两个功能,以便我可以相互结合使用它们。现在,我首先放的是优先考虑而另一个不起作用。

//the html
<input type="text" class="input-text  hasDatepicker" name="order_delivery_date" id="datepicker" placeholder="Select Date" value="">     


//two functions, whichever one is first works
    <script type="text/javascript"> 
        jQuery(function ($) { $( "#datepicker" ).datepicker({ minDate: "+1", maxDate: "+1M +10D" }); });
        jQuery(function ($) { $( "#datepicker" ).datepicker({beforeShowDay: function(date){ return [date.getDay() != 2, '']; }})});
    </script>


// my attempt to combine them, not working
    <script type="text/javascript"> 
        jQuery(function ($) { 
                    $( "#datepicker" ).datepicker({ minDate: "+1", maxDate: "+1M +10D" });
                    $( "#datepicker" ).datepicker({beforeShowDay: function(date){ return [date.getDay() != 2, '']; }}); 
        });
    </script>

2 个答案:

答案 0 :(得分:0)

尝试

$('#datepicker').data("DateTimePicker").beforeShowDay = function(date){ return [date.getDay() != 2, '']; };

而不是第二个.datepicker()

答案 1 :(得分:0)

第一行代码已经在$('#datepicker') DOM元素上创建了一个datepicker对象。 您应该将所有选项一次性传递给datepicker:

$('#datepicker').datepicker({ minDate: "+1", maxDate: "+1M +10D" , beforeShowDay: function(date){ return [date.getDay() != 2, '']; }});