GCalendar Holidays - jui Datepicker 専用版 - Qiita
GCallendar Holidays は、jQuery UI Datepicker に対応した非常に便利な javascript のユーティリティーで、Googleカレンダーから JSONP で日本の祝日一覧を取得してくれるものです。 jQuery UI Datepicker に GCalendar Holidays を使う 例えば、素の DatePicker ではこのような表示になります。 これが、GCalendar Holidays を使うだけで、次のように、日本の祝日・休日を表示してくれます。ついでに、土曜日・日曜日も色分けしてくれるので、カレンダーが非常に見易くなって、至れり尽くせりです。 知らない人のために、念のために言うと、五月五日の上にカーソルをホバーすると、「こどもの日」であることをポップアップ表示で知らせるということまでやってくれます。 Google Calendar
jQueryのdatepickerで土日を選択不可にする - 徒然日記
案外簡単にできるんですねー。 引用元：Stack Overflow jQuery UI Datepicker - allow only certain weekdays $( "#datepicker" ).datepicker('option','beforeShowDay',function(date){ var ret = [(date.getDay() != 0 && date.getDay() != 6)]; return ret; }); このコードをdatapickerの初期化コードの次にでも挿入します。たとえば、以下のように。 $(function(){ $("#datepicker").datepicker(); $("#datepicker").datepicker('option','beforeShowDay',function(date){ var ret = [
jQuery UI Datepicker 日付選択 | hijiriworld Web
日付の入力フォームを作った場合、入力されるフォーマットは揃えておきたいものです。 じゃあ、入力フォームの隣に「※日付は『yyyy/mm/dd』形式で入力してください」と書いておこう、なんて、そんな原始的なことをしてはいけません。 ユーザビリティ的にも、ポップアップカレンダーなどの入力支援を設置するのが良いです。 日付の入力支援を実装する方法はいくつかありますが、時代はjQueryだ！ということで、今回は、jQuery UI のDatepickerの実装方法を紹介します。 ・jQuery ・jQuery UI ・jQuery UI Datepicker 目次 1. デザインをカイスタマイズ 2. ダウンロード 3. フォルダ構成 4. 実装 デザインをカイスタマイズ まず、ブラウザ上で、jQueryで実装できるUIのカスタマイズをまとめて行います。 →jQuery UI ThemeRolle
投稿に日付欄を追加してjQuery UIのDatepickerでカレンダーから入力する
「臨時休業のお知らせなどを投稿する時に、休業期間を指定すると営業日カレンダーに反映される」という案件の場合、WordPress では期間（日付）の管理にカスタムフィールドを使うことになるでしょう。でもこのカスタムフィールドは見栄えがアレだしクライアント様にお使いいただくには気が引ける。そんな時はオリジナルなメタボックスを追加すれば解決です。 そんなようなプラグインはいくつもありますが、この程度なら functions.php にちゃちゃっと書く方が自由で快適。ついでに日付なら「2010/01/28」なんて書式を気にせず簡単入力できるように jQuery UI の Datepicker を使いましょう。 さらに、投稿は「臨時休業のお知らせ」だけじゃないので、当該カテゴリ選択時のみメタボックスを表示するようにするとユーザビリティとしてはドヤ顔できるレベルかと思われます。 「営業日カレンダーに反
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
