2012-03-13 291 views
5

我想顯示日期選擇器上的前幾個月和下一個月的日期。就像這樣:日期選擇器上一個月的日期可選

enter image description here

這些日期也應該是可選擇的。有沒有在jQuery的默認datePicker選項或我可以修改DatePicker看起來像這樣?

回答

24

這應做到:

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

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

0

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

      } 

     } 



    }, 

}); 

這一點謝謝adeneo and his answer獲取當前元素。

相關問題