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」をチェックしてみてはいかがでしょうか。

関連記事

  1. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

  2. Vimeo Carousel Gallery
  3. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  4. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  5. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

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

    JavaScript

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

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

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP