カテゴリ:jQuery UI 一覧

jQuery UI Datepicker の便利機能を一気にまとめて一括定義する方法

jQuery UI のカレンダーによる日付入力補助機能を実現する Datepicker プラグインは、初期状態のままでは利便性が低いため、オプションにより使い勝手を良くする方法をこれまで紹介してきまし……

続きを見る

カレンダーアイコンを利用して jQuery UI の Datepicker のカレンダーを呼び出す方法

テキストボックスに日付を設定する際に、カレンダーから選択できるようにする jQuery UI の Datepicker プラグインの利用方法について、これまでいくつか紹介してきました。基本……

続きを見る

jQuery UI を用いてオリジナルのダイアログを簡単に実装する方法

2015/09/30 Dialog
,

Javascript でダイアログを表示する場合、alert 関数や confirm 関数を利用しますが、OK または キャンセルしか選択肢が無く、またダイアログの内容は文字列しか出力することができま……

続きを見る

jQuery UI の Datepicker で年月をプルダウンから選択する方法

jQuery UI を利用してカレンダーによる入力補助機能を提供する Datepicker プラグインですが、オプション設定することでより便利に使いやすくすることができます。契約情報などの期間……

続きを見る

jQuery UI の Datepicker でカレンダーを月曜始まりにする方法

jQuery UI を利用してカレンダーによる入力補助機能を提供する Datepicker プラグインですが、オプション設定することでより便利に使いやすくすることができます。初期設定の状態では……

続きを見る

jQuery UI の Datepicker でカレンダーの土曜日/日曜日の背景色を変える方法

jQuery UI の Datepicker はカレンダー表示してテキストボックスへ日付を設定できる便利なプラグインです。前回は複数月のカレンダーを表示させる方法について紹介しました。……

続きを見る

jQuery UI の Datepicker で複数の月のカレンダーを表示する方法

jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。前回のエントリーで、日本語環境に適用させる等、基本的な実装方法について紹介しました。……

続きを見る

カレンダー表示で日付入力が簡単になる jQuery UI の Datepicker

テキストボックスを選択すると、カレンダーがポップアップ表示し、選択した日付がテキストボックスに反映される仕組みは、一般的な Web アプリケーションや予約サイトで独自に組み込まれているケースが多く見受……

続きを見る

jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え

2015/04/07 jQuery UI
, ,

テーブルのデータをドラッグ&ドロップにより順番を入れ替えたい場合、jQuery UI を利用すれば簡単に実装することができます。例えば、次のテーブルをご覧ください。 No. ……

続きを見る

jQuery UI を使えばタブ切り替えが簡単にできる

2014/10/18 jQuery UI, Tabs
,

タブの制御は、きちんとコードが書ければそこまで難しくありませんが、jQuery UI を利用すれば、非常に簡単にタブの切り替えが出来るようになります。jQuery UI を使うためには、jQu……

続きを見る

PAGE TOP ↑