2012-03-13 21 views
5

datePicker sayfasındaki bir önceki ve sonraki ayların tarihlerini göstermek istiyorum. Sadece bu gibi:Datepicker bir önceki ayda tarih seçilebilir

enter image description here

Bu tarihler ayrıca seçilebilir olmalıdır. JQuery varsayılan datePicker seçeneğinde herhangi bir seçenek var mı, yoksa bu şekilde görünmesi için DatePicker'ı değiştirebilir miyim?

cevap

24

Bu yapmalıyım:

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

çek: Bu bunu yapmak için sadece bir yoludur sözü http://jsfiddle.net/fLveY/2/

0

isJustMe gibi. Heres oldukça faydalı bulduğum bir eklenti olan bir versiyon. Bir sonraki veya bir önceki ayın günlerinde tıklarsanız datepicker otomatik olarak o ayın geçer:

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

      } 

     } 



    }, 

}); 

İşte biraz akım elemanı almak için adeneo and his answer için teşekkür ederiz.

İlgili konular