jQuery UI Month Picker Plugin

JavaScript

月と年をシンプルに選択できるピッカー「jQuery UI Month Picker Plugin」

jQuery UI Month Picker Pluginは月と年をシンプルに選択できるピッカーを実装することができるプラグインです。ピッカー内には、Jan.、Feb.、Mar.、Apr.、May.などといったボタンが用意されており、そこからカンタンに選べるようになっています。

jQuery UI Month Picker Plugin

jQuery UI Month Picker Plugin

デモには、Default functionalityやButton Demonstrationなどいろいろなパターンが用意されています。

Default functionalityでは、ボックス横に設置されたボタンをクリックすると、ピッカーが表示されます。年を変更したい場合は左右の矢印から、月は直接目的の月のボタンをクリックすることで選択可能です。

シンプルなデザインでとても見やすく、わかりやすいのがいいですね。

デモではほかにも、MinMonth and MaxMonth Demonstration、Start Year Demonstration、Override Start Year Demonstrationなど、いろいろ用意されているので、気になる方はぜひ確認してみてください。

というわけで、月と年をシンプルに選べる「jQuery UI Month Picker Plugin」のご紹介でした。

関連記事

  1. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  2. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  3. Segment

    JavaScript

    SVG pathをアニメーションさせる軽量のスクリプト「Segment」

    SegmentはSVG pathをアニメーションさせる軽量のスクリプト…

  4. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  5. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  6. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP