无法重置日期选择器

时间:2014-03-15 16:29:50

标签: javascript php jquery html date

    <div id="menu">
    <div id="menuwrapper">
     <ul>
      <li id="m1" onclick="dates('from','to','2012-12-01','2012-12-31');">Mymenu1</li>
      <li id="m2" onclick="dates('from','to','2011-12-01','2011-12-31');">Mymenu2</li>
    </ul>
    </div>
   </div>

这里点击我调用javascript date()创建数据小部件,其中前两个参数来自和是分区ID,参数3和4是范围。

但是如果我点击了Mymenu1,那么问题同时也会起作用,它会显示日期范围从&#39; 2012-12-01&#39; 2012-12- 31&#39;现在,如果我点击Mymenu2,它会再次显示之前显示的相同日期范围,我希望&#39; 2011-12-01&#39;,#12; 2011-12-31&#39;。

有没有办法克服这个问题?我借助本教程http://www.phpro.org/tutorials/Dynamically-Create-Menu-With-PHP-DOM.html在PHP中动态创建菜单。

请大家帮助我,我想我必须更新日期函数被调用,但我不知道如何在不重新加载完整的index.php的情况下实现这一点,我希望我的问题很清楚。< / p>

祝你有愉快的一天..

查看结果http://jsfiddle.net/VTvKJ/

1 个答案:

答案 0 :(得分:1)

您必须使用$("selector").datapicker("destroy");

http://jsfiddle.net/fNYy6/

function dates(from,to,start,end){
    $("#"+from).datepicker("destroy");
    $("#"+to).datepicker("destroy");
    $("#" +from).datepicker({
...

我想你想要这个? http://jsfiddle.net/fNYy6/1/

我已经修复了第二个日期选择器

的minDate