jQuery Datepicker: RANGE и INLINE - PullRequest
Новая
       16

jQuery Datepicker: RANGE и INLINE

1 голос
/ 07 июня 2011

Я хочу объединить JQuery UI Datepicker, чтобы отобразить оба диапазона, и отобразить это встроенное. Он имеет функциональность для обоих, но я не могу их объединить. Он просто показывает диапазон в ОБАХ делениях, поэтому он не работает должным образом. Вот код:

JS: 

<script type="text/javascript">
$(function(){
    var dates = $(" #to, #from" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
});
</script>

HTML: 

<div id="from"></div>
<div id="to"></div>

Результат: enter image description here

Как видите, есть 4 календаря, и они работают индивидуально, а не всего два месяца, которые работают вместе.

Ответы [ 2 ]

6 голосов
/ 06 июля 2011

У меня была такая же проблема, и я получил ее для работы со следующим кодом: 

<script>$(function() {
var dates = $( "#from, #to" ).datepicker({
    dateFormat: 'yy-mm-dd',
    onSelect: function(dateText, inst) {
        //set value
        $("#" + this.id + "_value").val(dateText);
        //set the min or max date
        var option = this.id == "from" ? "minDate" : "maxDate",
        instance = $( this ).data( "datepicker" ),
        date = $.datepicker.parseDate(
            instance.settings.dateFormat ||
            $.datepicker._defaults.dateFormat,
            dateText, instance.settings );
        dates.not( this ).datepicker( "option", option, date );
    }
});});</script>

<div id="from" class="datepicker"></div><input type="hidden" id="from_value" name="from_value"/><BR><BR><BR><div id="to" class="datepicker"></div><input type="hidden" id="to_value" name="to_value"/>

Удачи!

2 голосов
/ 07 июня 2011

мы используем этот скрипт , чтобы работал выбор диапазона дат. Работает очень хорошо

...