我想刷新一个日期选择器小部件。例如,如果用户按下“按钮 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");
^这是大体思路,虽然行不通
最佳答案
只需使用 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') );
关于javascript - "Refreshing"JQuery 日期选择器小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16334484/