Javascript &引用;“提神”;JQuery日期选择器小部件

Javascript &引用;“提神”;JQuery日期选择器小部件,javascript,jquery,Javascript,Jquery,我想刷新datepicker小部件。例如,如果用户按下“按钮1”,则日期选择器应具有特定的属性集,而如果用户按下“按钮2”,则日期选择器应具有不同的属性集 我怎样才能做到这一点 可在此处找到一些概念验证代码: ^这是一般的想法,尽管它不起作用尝试“刷新”方法: 您想刷新datepicker小部件还是基于按钮按下为小部件设置不同的值?由于您提到“datepicker应该有一组特定的属性”,所以我假设基于按钮按下的值不同 在这种情况下,请使用 $(“.selector”).datepicker(“s

我想刷新datepicker小部件。例如,如果用户按下“按钮1”,则日期选择器应具有特定的属性集,而如果用户按下“按钮2”,则日期选择器应具有不同的属性集

我怎样才能做到这一点

可在此处找到一些概念验证代码:


^这是一般的想法,尽管它不起作用

尝试“刷新”方法:


您想刷新datepicker小部件还是基于按钮按下为小部件设置不同的值?由于您提到“datepicker应该有一组特定的属性”,所以我假设基于按钮按下的值不同

在这种情况下,请使用

$(“.selector”).datepicker(“setDate”,“10/12/2012”)

参考:

只需使用更改设置即可

 $("#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>

演示在

不完全正确。我希望maxDate为“2W”或“10W”,具体取决于哪个按钮处于活动状态。这似乎根本不会刷新任何内容。我试着把它放在日期选择器的定义之后和之前。有什么建议吗?在执行刷新方法之前,您还必须更改要更改的属性。如果你发布了你拥有的代码,也许是一个到JSFIDLE的链接,这会更容易。谢谢你的代码,它让它变得更加清晰。在这种情况下,请看下面加比·阿卡·佩特里奥利的回答。使用“option”命令,似乎就不必使用刷新方法了。
 $("#booking_calendar").datepicker('option', 'maxDate', '10W');
<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') );