Snow Monkey Foroms + FlatPickrデモページ 応用

デモ1 カレンダーのテーマを変える

お名前
日付

クリックでテーマを選択:

予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。

テーマを選択した後、カレンダーを表示してください

※ここで選択したテーマは以下のデモカレンダーにも反映されます。色々試してみてください

デモ2 modeのサンプル

お名前
日付

クリックでmodeを選択:

予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。

【single】:1日 1日だけ選択可能
【multiple】:複数日 複数の日付を選択可能
【range】:期間 初日から終日まで選択

それぞれを選択した後でカレンダーを表示し、色々日付をクリックしてみてください

デモ3 カレンダーの土日に色を付ける

お名前
日付
予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。

デモ4 選択できる日を指定する

お名前
日付

表示期間をクリック:

予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。

3日前から選択可能: 3日より前の日付けは選択できません
今日から選択可能: 今日より前の日付けは選択できません
3日後から選択可能:本日より3日後から選択可能になります
1か月前から:1か月前から選択可能になります
1か月後まで:1か月後まで選択可能になります

デモ5 祝日と日曜日を選択不可にする

お名前
日付
予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。

デモ6 リセットボタンを追加する

お名前
日時
メッセージ
予期しない問題が発生しました。 後でもう一度やり直すか、他の方法で管理者に連絡してください。
タイトルとURLをコピーしました