jQuery ui material design datepicker

JavaScript

マテリアルデザインによるデートピッカー「jQuery ui material design datepicker」

jQuery ui material design datepickerは、マテリアルデザインによるシンプルで使いやすいデートピッカーを実装することができます。カレンダーから任意の日付を選ぶだけで入力されるのがカンタンでいいですね。いちいち日付を手入力する必要がないので、とても便利です。

jQuery ui material design datepicker

jQuery ui material design datepicker

デモではシンプルで見やすいカレンダーが設置されていて、ここから好きな日付を選択することができます。日付を選択すると、その日付がカレンダー上部に設置されているボックス内に入力される仕組みです。

カレンダーについている左右の矢印をクリックすることで、前後の月へ切り替えることも可能です。

選択された日付や曜日も大きく見やすく表示されるし、動作もサクサクしてとても使いやすいデートピッカーに仕上がっています。

というわけで、マテリアルデザインによる使い勝手のいいデートピッカーを実装したいという人は、ぜひ「jQuery ui material design datepicker」をチェックしてみてはいかがでしょうか。

Jquery Tab Pluginシンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」前のページ

垂直カルーセルを実装できる「Bootstrap Vertical Carousel」次のページBootstrap Vertical Carousel

関連記事

  1. no-image
  2. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  3. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  4. Swipe-Li

    JavaScript

    スマホ操作に最適!左右のスワイプで有効・無効を選べるjQueryプラグイン「Swipe-Li」

    Swipe-LiというjQueryプラグインを使えば、左右のスワイプで…

  5. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP