Question

我们正在使用jQuery的默认日期选择器（http://jqueryui.com/datepicker/），但我试图制作一个可更改的日期选择器。

我有一个单选按钮，可以在发货和取货之间切换。我希望客户能够选择Satherday，但无法选择星期日和送货上门。

我制作了一些代码，但它似乎无法正常工作

JS

  $('input[name=method]').change(function() {
    if ($(this).val() == 'pickup') {            
        $('.datepicker').datepicker({
                                beforeShowDay: function(date) {
                                    var day = date.getDay();
                                    return [(day != 0), ''];
                                }
                                });
    }

    else {
        $('.datepicker').datepicker({
                                beforeShowDay: $.datepicker.noWeekends
                                });
    }
  });

HTML

<h3>Overige informatie</h3>
<label>Afhalen/Bezorgen</label>
<br>
<div id="project_basket_orderinfoform-method">
   <label><input type="radio" id="project_basket_orderinfoform-method-pickup" name="method" value="pickup"  checked="checked" class=" radio"/>Afhalen</label>
   <label><input type="radio" id="project_basket_orderinfoform-method-deliver" name="method" value="deliver"  class=" radio"/>Bezorgen</label>
   <span class="required-marker">*</span>
</div>

<label for="project_basket_orderinfoform-delivery_date">Aflever-/afhaaldatum</label>
<br>
<input id="project_basket_orderinfoform-delivery_date" type="text" placeholder="" name="delivery_date" value="24-12-2012" class="datepicker datetime"/>

基本上，当我从Pickup切换到Delivery并返回datepicker时，不会更改其设置beforeShowDay。我不知道什么是错的...我不是很熟悉datepicker所以我不知道其他人之前做过这个或者有人能看到代码有什么问题吗？

Answer 1

一旦实例化了datepicker，就不能在不使用“option”选项的情况下更改其设置，或者可以销毁datepicker并重新创建它。

切换设置datepicker

1 个答案: