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. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  2. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  3. A simple DIY responsive image slideshow
  4. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  5. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP