Question

我在同一页面上有2个jQuery UI日期选择器，用于定义日期范围。我需要强调选定的两天之间的日子。假设第一个选定的日期是1月1日，第二个是1月3日，我需要突出1月1日，1月2日和1月3日。谁能告诉我这是怎么做到的？

提前致谢。

Answer 1

在下面的示例中，我们有两个日期输入[type = text]（将来的日期选择器），ID为“inputStartDate”，“inputEndDate”放在DIV中，其中class =“choose-date-block”。我们在日期选择器初始化期间使用“minDate”/“maxDate”参数定义限制。

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        // select both inputs inside "choose-date-block"
        // to make datepickers from them
        $("div.choose-date-block input:text").datepicker({
            dateFormat: "yy-mm-dd",
            showAnim: "slideDown",
            hideIfNoPrevNext: "true",
            beforeShow: function(input) {
                return {
                    minDate:
                        input.id == "inputEndDate"
                            ? $("#inputStartDate").datepicker("getDate")
                            : null,
                    maxDate:
                        input.id == "inputStartDate"
                            ? ($("#inputEndDate").datepicker("getDate") != null)
                                ? $("#inputEndDate").datepicker("getDate")
                                : "+0d"
                            : "+0d"
                };
            },
            onSelect: function(dateText, inst) {
                if (dateText.length > 0)
                    ajaxRequestToReloadReportForNewDatesRegion();
            }
        })
    });
</script>

Answer 2

试试这个

Jquery Date Range

只需使用brighter theme，我的意思是jquery，如果你去那，所以自动天数会突出显示

在jQuery UI datepicker中突出显示所选日期范围

2 个答案: