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

时间:2015-01-19 13:12:58

标签: javascript jquery html json twitter-bootstrap-3

我使用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>");
            }
        });
    });

如何根据所选日期范围绑定数据。

enter code here

0 个答案:

没有答案