Datepicker上一個/下個月的日期可選擇

Question

我想在datePicker上顯示上個月和下個月的日期。 像這樣：

這些日期也應該是可選擇的。 在jQuery默認的datePicker中是否有任何選項，或者我可以將DatePicker修改為這樣嗎？

Answer 1

這應該這樣做：

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

退房： http ： //jsfiddle.net/fLveY/2/

Answer 2

正如JustJustMe所說，這只是做到這一點的方式。 這是一個帶有一個小插件的版本，我發現它很有用。 如果您點擊下個月或上個月的日期，則datepicker會自動切換到該月：

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();

            }

        }



    },

} );

這里有點感謝adeneo和他獲得當前元素的答案 。