コニファ・ロゴ

csstest:pikaday.jsを使った、jQueryなどに依存しない軽量な日付ピッカー

jQuery UIでも同様の日付ピッカーを利用できますが、pikaday.jsはjQueryなどに依存せずに単独、軽量で日付ピッカーを実装できます。下の「日付入力」欄をクリックすると、入力補助として日付ピッカーが現れます。
日付入力:

scriptソース

<script src="js/pikaday2.js"></script>
<script>
    var picker = new Pikaday(
    {
        field: document.getElementById('datepicker'),
        firstDay: 0,
        minDate: new Date('2012-01-01'),
        maxDate: new Date('2025-12-31'),        
    });
</script>

 

※引用、参考:Pikaday(GitHub)

 

戻るボタン