1

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

我有一个单选按钮,可以在送货和取货之间切换。我希望客户能够在取货时选择周六,但无法选择周日和周六送货。

我做了一些代码,但它似乎不起作用

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。我不知道出了什么问题...我对日期选择器不是很有经验,所以我想知道以前有没有其他人做过这个,或者有人能看到代码有什么问题吗?

4

1 回答 1

1

实例化日期选择器后,不使用“选项”选项就无法更改其设置,或者您可以销毁日期选择器并重新创建它。

于 2012-12-21T14:48:21.507 回答