Выделите выбранный диапазон дат в JQuery UI DatePicker

Question

У меня есть 2 средства выбора jQuery UI на одной странице, которые определяют диапазон дат.Мне нужно выделить дни между двумя выбранными днями.Допустим, первая выбранная дата - 1 января, а вторая - 3 января, мне нужно выделить 1 января, 2 января и 3 января.Кто-нибудь может сказать мне, как это можно сделать?

Заранее спасибо.

Answer 1

Попробуйте это

Диапазон дат Jquery

Просто используйте brighter theme, я имею в виду jquery, если вы пойдете на это, поэтому автоматически будут выделяться дни

Answer 2

В приведенном ниже примере у нас есть два ввода даты [type = text] (будущие датчики) с идентификаторами «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>