javascript - "Refreshing"JQuery 日期选择器小部件

Question

我想刷新一个日期选择器小部件。例如，如果用户按下“按钮 1”，日期选择器应该有一组特定的属性，而如果他按下“按钮 2”，日期选择器应该有一组不同的属性。

我怎样才能做到这一点？

可以在此处找到一些概念验证代码:http://jsfiddle.net/5zyLg/1/

$("#booking_calendar").datepicker({ 
    autoSize: false, 
    dateFormat: 'dd/mm/yy',
    firstDay: 1,
    altField: "#date",
    altFormat: "yy-mm-dd",
    minDate: 0,
    maxDate: "2W"
 );

 // VIRTUAL CLICK EVENT GOES HERE

$("#booking_calendar").datepicker({ 
    autoSize: false, 
    dateFormat: 'dd/mm/yy',
    firstDay: 1,
    altField: "#date",
    altFormat: "yy-mm-dd",
    minDate: 0,
    maxDate: "3W"
 );
 $("#booking_calendar").datepicker("refresh");

^这是大体思路，虽然行不通

Answer 1

只需使用 option command更改设置

 $("#booking_calendar").datepicker('option', 'maxDate', '10W');

---

不要使用 1 和 2 并在代码中创建一个 if，如果添加更多选项可能会变得复杂，而是使用一个 data 属性来说明周数

<div class="booking_search_cat lightgrey active" data-weeks="2W">
    <p>Group room</p>
</div>
<div class="booking_search_cat lightgrey" data-weeks="10W">
    <p>Lecture room</p>
</div>

和使用

 $("#booking_calendar").datepicker('option', 'maxDate', $(this).data('weeks') );

演示在 http://jsfiddle.net/gaby/5zyLg/2/