2012-03-13 71 views
5

Tôi muốn hiển thị ngày tháng trước và tháng tiếp theo trên datePicker của tôi. Chỉ cần như thế này:Datepicker ngày tháng trước có thể chọn

enter image description here

Cũng có thể chọn những ngày này. Có tùy chọn nào trong datePicker mặc định của jQuery hay tôi có thể sửa đổi DatePicker để trông như thế này?

Trả lời

24

này nên làm điều đó:

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

check out: http://jsfiddle.net/fLveY/2/

0

Như isJustMe đề cập điều này chỉ là cách để làm điều đó. Heres một phiên bản với một addon nhỏ mà tôi thấy khá hữu ích. Nếu bạn bấm vào những ngày của tháng tiếp theo hoặc trước đó datepicker tự động chuyển sang tháng đó:

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

      } 

     } 



    }, 

}); 

Dưới đây là một chút cảm ơn bạn adeneo and his answer để nhận được yếu tố hiện tại.

Các vấn đề liên quan