Javascript 将JSON数据绑定到日期范围选择器日历

我使用JSON存储数据，并使用日期范围选择器，如下代码所示

$(function() {
        $("#datepicker").datepicker({
            beforeShowDay: function(date) {
                var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
                var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());
                return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
            },
            onSelect: function(dateText, inst) {
                var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());
                var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());

                if (!date1 || date2) {
                    $("#input1").val(dateText);
                    $("#input2").val("");
                    $(this).datepicker("option", "minDate", dateText);
                } else {
                    $("#input2").val(dateText);
                    $(this).datepicker("option", "minDate", null);
                }

                //$("#dateoutput").html("Chosen date is <b>" + date1 + "</b> - <b>" + dateText + "</b>");
            }
        });
    });

---

我不完全确定您想做什么，但根据我的理解，我已经做了一个JSFiddle

要进行测试，请执行以下操作：

1我已将初始日期保存为JSON字符串，因此您可以单击Load JSON date，它将解析JSON字符串并将值存储在2个输入字段中

2然后，您可以选择另一个日期范围，并单击存储JSON数据，它将字符串化数据

3.更改日期

4单击LoadJSON Data，它会将字段重置为您存储的数据

该代码执行以下操作：

$("#store").click(function () {
    var date1 = $("#input1").val();
    var date2 = $("#input2").val();
    var dateObject = {
        "fromDate": date1,
        "toDate": date2
    };

    jsonString = JSON.stringify(dateObject);
    alert(jsonString);
});

$("#load").click(function () {
    var javascriptObject = $.parseJSON(jsonString);
    $("#input1").val(javascriptObject.fromDate);
    $("#input2").val(javascriptObject.toDate);
});

这有用吗

$("#store").click(function () {
    var date1 = $("#input1").val();
    var date2 = $("#input2").val();
    var dateObject = {
        "fromDate": date1,
        "toDate": date2
    };

    jsonString = JSON.stringify(dateObject);
    alert(jsonString);
});

$("#load").click(function () {
    var javascriptObject = $.parseJSON(jsonString);
    $("#input1").val(javascriptObject.fromDate);
    $("#input2").val(javascriptObject.toDate);
});