Выбор даты за предыдущий / следующий месяц - PullRequest
Новая
       7

Выбор даты за предыдущий / следующий месяц

9 голосов
/ 13 марта 2012

Я хочу показать даты предыдущего и следующего месяцев на моем DatePicker.Просто так:

enter image description here

Эти даты также должны быть выбраны.Есть ли в jQuery опция DatePicker по умолчанию или я могу изменить DatePicker, чтобы он выглядел так?

Ответы [ 2 ]

27 голосов
/ 13 марта 2012

Это должно сделать это: 

<script>
    $(function() {
        $( "#datepicker" ).datepicker({
            showOtherMonths: true,
            selectOtherMonths: true
        });
    });
    </script>

проверить: http://jsfiddle.net/fLveY/2/

0 голосов
/ 06 октября 2017

Как заметил isJustMe , это просто способ сделать это. Вот версия с небольшим дополнением, которое я считаю довольно полезным. Если вы щелкнете по дням следующего или предыдущего месяца, средство выбора даты автоматически переключится на этот месяц: 

jQuery( '#datepicker' ).datepicker( {

    showOtherMonths: true,
    selectOtherMonths: true,

    onSelect: function( string, element ) {

        // Change month on click on other days

        var day  = element.selectedDay;
        var mon  = element.selectedMonth;
        var year = element.selectedYear;

        var target = jQuery( element.dpDiv ).find( '[data-year="'+year+'"][data-month="'+mon+'"]' ).filter( function() {

            return jQuery(this).text().trim() == day;

        } );

        if( target.hasClass( 'ui-datepicker-other-month' ) ) {

            if( parseInt( target.text().trim() ) > 15 ) {

                jQuery( element.dpDiv ).find( '.ui-datepicker-prev' ).click();

            } else {

                jQuery( element.dpDiv ).find( '.ui-datepicker-next' ).click();

            }

        }



    },

} );

Здесь небольшое спасибо Аденео и его ответу за получение текущего элемента.

...