2012-03-13 85 views
5

私はdatePickerで前月と次月の日付を表示したいと思います。ただ、このように:Datepicker前月選択可能日付

enter image description here

これらの日付も選択する必要があります。 jQueryのデフォルトのdatePickerにオプションがありますか、またはこのようにDatePickerを変更できますか?

答えて

24

これはそれを行う必要があります。

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

チェックアウト:http://jsfiddle.net/fLveY/2/

0

isJustMeが、これはそれを行うためだけの方法で述べたように。私は非常に便利だと思う小さなアドオンを持つバージョンをheres。あなたは次または前の月の日に日付ピッカーが自動的にその月に切り替わりクリックした場合:ここで少し

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をお願い致します。

関連する問題