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. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  2. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

  3. universal-tilt.js

    JavaScript

    パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」

    universal-tilt.jsはパララックスやスケールなど多彩なチ…

  4. JavaScript

    とても簡単にカッコいいタグクラウドを実装することができるjQueryプラグイン「jQCloud」

    とってもカッコいいタグクラウドを実装することができるjQueryプラグ…

  5. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP