CGI制作-あおぞらCGI工房
カレンダーCGI制作-あおぞらCGI工房
あおぞらCGI工房カレンダーCGI制作 > jQuery による日時選択カレンダーのご案内
jQuery による日付選択カレンダー
ポップアップカレンダーにて日付・時間をクリックするだけで、フォームに自動入力します。
1行入力フォーム、年月日別のフォーム、プルダウンフォームなど様々なタイプの入力フォームに対応。
選択可能な期間の設定が可能。期間外の日は背景色・文字色が変わり、クリック出来ません。
選択した日を記憶し、背景色を変更。一旦閉じて再表示させた時も選択日が確認出来ます。祝祭日も表示します。
日付を選択するタイプ (90日表示サンプル)
カレンダーで日付を選択 カレンダーで日付を選択
リンク又はアイコンクリックにてカレンダーをポップアップ表示します。
サンプルは、1行入力・年月日別入力・プルダウン選択の3タイプのフォームに同時に入力される仕様にしてあります。 選択可能な期間は、翌日より90日後までに設定してあります。
※月単位による期間設定も可能です。例)翌日より2ヵ月後の末日まで。
カレンダーの仕様は2タイプ
日付を選択するタイプ
1ヶ月単位で表示。予約日の指定、日付による検索の条件入力などに向いています。
日付+時間を選択するタイプ 日時を選択するタイプはこちらへ
週単位で表示。各日付の時間帯を指定。時間区切りのイベント予約や商品お届け時間指定などに向いています。
時間帯の区分はカスタマイズにより変更可能です。
カレンダーの大きさ・色・フォント・選択日の背景色等のデザインは、外部CSSファイルによりご自由に変更可能です。
カレンダー表示にはjQueryを使用。
あおぞらCGI工房オリジナルCGIプログラム、オーダーメイドCGIプログラムのオプション、もしくは標準装備となっております。
詳しくはご相談下さい。
日付選択カレンダーが標準装備されているCGIプログラム。
宿泊予約システムCGI VS  宿泊予約システムCGI VS +C  宿泊予約システムCGI AS  宿泊予約システムCGI AS +C

日時を選択するタイプはこちらへ
あおぞらCGI工房カレンダーCGI制作 > jQuery による日付選択カレンダーのご案内
最近見たCGIプログラム あおぞらCGI工房
お試しプログラム・価格表ご注文orお見積りオーダーメイドCGIプログラム お見積り設置・動作 環境条件
特定商取引法による表示&規約サイトマップお問い合わせ一覧実績あおぞらCGI工房トップページ
©1996- AOZORA(あおぞらCGI工房)