Question

所以我有这个选择器：

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

此演示

http://www.filamentgroup.com/examples/daterangepicker_v2/

我想在选择datepicker后刷新页面并在页面重新加载后保持选定的日期。我有seach解决并申请我的代码。但仍然是一样的。

这部分是我的代码

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Themeroller-Ready jQuery UI Range Picker</title>
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
    <script type="text/javascript" src="js/daterangepicker.jQuery.js"></script>
    <link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" />
    <link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" />
    <script type="text/javascript"> 
        $(function(){
              $('input').daterangepicker({
                  arrows:true
                } );

         });

    </script>

我真的非常感谢和帮助解决我的问题。：d

Answer 1

虽然我不明白为什么在页面刷新后需要保留数据，但最好的办法是使用cookie来解决问题。

这需要使用附加到datepicker输入文本框的事件处理程序（例如onchange）。

<input type="text" onchange="setCookie();" name="datepicker">

这样，无论何时用户更改数据（例如：选择日期），都会调用javascript函数setCookie。然后，该函数必须通过设置cookie（example）来存储选择的日期。

设置好Cookie后，您必须确保输入预先填充了最后存储在Cookie中的值。这意味着阅读Cookie（example）并通过value=""代码或jQuery $("input").val("")设置输入值。

jQuery：日期范围选择器：选择datepicker后刷新页面并在页面重新加载后保持选定的日期

1 个答案: