提交jQuery后保留选定的日期

时间:2015-09-24 09:18:15

标签: jquery jquery-ui-datepicker

我在搜索表单的字段中使用jQuery datepicker。我已经完成了代码的运行并且在搜索中运行良好,我唯一挣扎的是如何在表单之后将选定日期保留在输入字段中提交。目前,在提交搜索后,隐藏字段会清空...

$(function () {

    $("#from").datepicker({
        numberOfMonths: 1,
        firstDay: 1,
        dateFormat: "dd/mm/yy",
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        },
        onSelect: function (dateText, inst) {
            var pieces = dateText.split('/');
            $('#queries_start_date_query_fromvalue_d').val(pieces[0]);
            $('#queries_start_date_query_fromvalue_m').val(pieces[1]);
            $('#queries_start_date_query_fromvalue_y').val(pieces[2]);
        }
    });


    $("#to").datepicker({
        numberOfMonths: 1,
        firstDay: 1,
        dateFormat: "dd/mm/yy",
        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        },
        onSelect: function (dateText, inst) {
            var pieces = dateText.split('/');
            $('#queries_start_date_query_tovalue_d').val(pieces[0]);
            $('#queries_start_date_query_tovalue_m').val(pieces[1]);
            $('#queries_start_date_query_tovalue_y').val(pieces[2]);
        }
    });

});

1 个答案:

答案 0 :(得分:0)

是的,这是回复。您必须将数据保存在localStorage或sessionStorage中(这是HTML5的功能)。请按照以下链接实施Click Here

要设置本地存储,您可以像

那样进行设置
localStorage.setItem('XYZ','DropdownValue');

要获取本地存储空间,您可以像

那样进行操作
var dropdownValue= localStorage.getItem('XYZ');

此处,XYZ是您要为本地存储提供的任何名称。