jquery UI datepicker の基本vol2 – 前後月の日付表示、今日より前の日を選択不可などの日付カスタマイズ編 | Stronghold Archive
こんにちはToshikuraです。今回のTipsは【jquery UI datepicker の基本vol2 – 前後月の日付表示、今日より前の日を選択不可などの日付カスタマイズ編】です。すこし期間をあけてしまいましたが前回のjquery UI datepicker の基本vol1 – 設置方法から日本語化対応などからの続編です。ここでは何回かに分けて基本から少し発展したカスタマイズまでをメモしていこうかと思います。 アーカイブ vol1.設置方法から日本語化対応など vol2.前後月の日付表示、今日より前の日を選択不可などの日付カスタマイズ編 vol3.月の複数表示や選択日付の期間指定などの実装方法 vol4.カレンダーのインライン表示とインライン状態での期間選択 vol5.インライン状態での期間選択と選択期間のハイライトの実装 前後月の日付表示はカレンダー上に表示される前と後の月からま
【Bootstrap】datepicker（日付選択UI） at softelメモ
問題 Bootstrapを使っているのですが、日付選択UIはやっぱりjqueryuiのdatepickerを使うしかないでしょうか…… jqueriy.ui.datepicker はいいと思うんだけど、読み込まないといけないファイルが増えたり、見た目の統一感が問題だったり…… こんなのがいい！ けど、こうなっちゃう 答え jquery.ui.datepicker.jsをちょっといじくると、BootstrapのCSSを適用できて、Bootstrapっぽいdatepickerができる。 jquery.ui.datepickerのJavaScriptは完成度が高いので、そのまま使うとして、見た目はjqueryuiのCSSに頼らないようにする。 jquery.ui.datepicker.jsではカレンダー部分のHTMLを作っている_generateHTMLというメソッドや、作ったHTMLを適用・調
jQuery UI Sortable は並び順を保存しなければ意味がない | hijiriworld Web
jQuery UI はとても便利なライブラリなので使わない手はありません。 ドラッグアンドドロップで要素の並び替えができる Sortable →サンプル1 使い方 必要なJavaScriptファイル ・jQuery ・jQuery UI 実装 > コーディング <ul class="sortable"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> > JavaScript $(function() { $( ".sortable" ).sortable(); }); たったこれだけで、ドラッグアンドドロップによる要素の並び替えができるようになります。 オプションやメソッドを設定することでいろいろできます。 リッチなUIって感じですね！ 「で？」 ていうか、 「並び
jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする
jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery UI Soatableを利用します。 １．基本 まず、jQueryのsoatable()を使ったテーブルのサンプルを示します。 サンプル サンプルのコード（抜粋）は次のとおりです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script> $(function(){ $('tbody').sortable(); }); </script> <table> <thead> <tr> <
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
WordPressで使えるjQuery-UIの調べ方 | 高橋文樹.com | プログラミング
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近プラグインカスタマイズやテーマカスタマイズを請け負うことが多いのですが、その過程で気づいたことをば共有します。 WordPressはjQueryを中心にして、たくさんのJavascriptライブラリを採用しています。主に管理画面で使っているもの中心ですが、けっこう沢山あります。 WordPressで使われているJS WordPressでJavascriptを読み込む時はwp_enqueue_scriptを使うと色々よしなにしてもらえるのですが、このリストはCodexのwp_enqueue_scriptの項目に挙がっています。ただ、実際にはもっとたくさんのライブラリが入っていることがわかりました。 これらのスクリプトにはそれぞれ名前が割り当てられていて、依存関係（ex.
Datepicker / カレンダー - jQuery UI 日本語リファレンス
テキスト入力欄に、カレンダーから、日付を入力できるようにするには、jQuery UI の Datepicker が便利だ。 jQuery UI の Datepicker プラグイン jQuery UI の Datepicker プラグインについての記事。Datepicker プラグインは、テキスト入力欄に、カレンダーから、日付を入力できるようにするプラグイン。テキスト入力欄をクリックすると、今月のカレンダーが現れる。カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 カレンダーから入力した日付のフォーマットを変更 jQuery UI の Datepicker プラグインを使い、カレンダーからテキスト入力欄に入力した、日付のフォーマットを、ドロップダウンリストで選択したフォーマットに変更する方法。 Datepicker のカレンダーで選択できる日付の範囲を設定 jQue
WordPressのカスタム投稿タイプでイベント情報ページを作ってみる
もくじ カスタム投稿タイプの設定 カスタム分類（タクソノミー）の設定 カスタムフィールドで日付を入力 jQuery UI で日付を入力しやすくする イベント一覧画面に項目（カラム）を追加する 未来のイベントだけを表示するアーカイブテンプレート 月別にイベントを表示する 月別にイベントにリンクするナビゲーション また、タイトルいは「カスタム投稿タイプで」なんて書いてありますが、どちらかというとメタデータで日付の取り扱い的なことがメインとなっています、ベーシックなカスタム投稿タイプの例は「WordPressのカスタム投稿タイプで作るよくある質問（Q&A）ページ」 をご覧ください。 カスタム投稿タイプの設定 管理画面で入力するところから作っていきます。最初はカスタム投稿タイプです。 function.php function event_postype() { $labels = array(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Loading...