ad-datepicker

JavaScript

アクセシブルなデートピッカーを実装できる「ad-datepicker」

ad-datepickerはアクセシブルなデートピッカーを実装できるjQueryプラグインです。オプションもたくさん用意されているので、カスタマイズ性にも優れています。キーボード操作にも対応しているのでキーボードを使ってサクサク操作したい人にはとても使いやすいデートピッカーになるのではないでしょうか?

デモ

デモではDateと書かれた所にボックスが設置されており、ボックス右側のアイコンをクリックするとカレンダーが表示されます。目的の日付をクリックすることでその日付を選択できます。

また、カレンダー内の操作はキーボードからも行うことが可能です。上下左右キーからカーソルを動かすことができ、特定の日付にカーソルを合わせた状態でenterキーもしくはspaceキーを押せばその日付を選択することができます。

そのほか、多言語にも対応していたり豊富なオプションが用意されたりとカスタマイズ性の高いデートピッカーに仕上がっています。

主なオプション項目は、buttonLabel、buttonTitle、changeMonthButtonLabel、changeRangeButtonLabel、changeYearButtonLabel、closeButtonLabel、closeButtonTitle、datesDisabled、daysOfWeekDisabled、firstDayOfWeek、gainFocusOnConstruction、inline、inputFormat、isDateDisabled、isMonthDisabled、isYearDisabled、max、min、modal、next、nextButtonLabel、nextMonthButtonLabel、nextYearButtonLabel、onUpdate、outputFormat、prevButtonLabel、previous、prevMonthButtonLabel、prevYearButtonLabel、startView、theme、titleFormat、weekDayFormatです。

ad-datepicker

no-imageカスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」前のページ

ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」次のページno-image

関連記事

  1. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  2. DD Scroll Boxes
  3. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  4. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  5. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  6. Parallax Slider with jQuery

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP