simple_datepicker

Datepicker dependent for javascript library (ex. jquery, bootstrap)

https://pentla.github.io/simple_datepicker/

概要

特定のフレームワーク、ライブラリの異存なしで使うことのできるDatepickerです。
jQueryをお使いの場合、jQueryからの呼び出しも可能です。

カレンダーの設置

var form = document.getElementById('input-form');
form.calendar();

inputフォームに、カレンダーを設置することができます。

jQueryの場合

$('#input-form').calendar();

プロパティ

また、以下のプロパティも追加することができます。

<script>
  var input = document.getElementById('input');
  input.calendar({
    lang: 'ja'
    separator: '/',
    display_date: new Date()
    from: new Date(),
    to: new Date(),
  })
</script>

一覧

lang: string

年・月・日の表示言語。

• デフォルト: ja

• 候補

  • ja: 日本語表示
  • en: 英語表示

separator: string

inputに表示する際の区切り文字。(1文字)

• デフォルト: /

display_date: Date Object

DatePickerを初期表示させたい月。

• デフォルト: 現在時刻

from: Date Object

この日付より前の日付は選択不可。

• デフォルト: なし

to: Date Object

この日付より後の日付は選択不可。

• デフォルト: なし