Web開発者のための便利なカレンダーと日付の選択のスクリプト

カレンダーは、今日のほとんどのWebページ、特にブログや個人のWebサイトで頻繁に見られます。企業サイトや電子商取引サイトに関しては、発表の発表、今後のイベント、コンテストなどに利用されています。カレンダーがほとんど不可欠になる理由は何ですか？ユーザーは、何が新しいのか、指定された日に何が期待されるのかを知り、一目で古い情報を追跡することができます。.

ホテル、映画、または航空会社のウェブサイトでのカレンダーは、部屋と航空券を予約するためにユーザーの対話を必要とします。ユーザーが予約をするために指定された日付を選ぶ必要があるのでこのウェブサイトでカレンダーを持つことは必要です。これが、Date Pickerがナビゲーション媒体としての役割を果たす場所です。カレンダーレイアウトである日付ピッカーは、ユーザーが彼らが望む日付を選ぶために日、週または年を通してナビゲートすることを可能にします。一部の日付ピッカーには、ユーザーに便利なように日付を入力して特定の日に直接ジャンプするオプションも含まれています.

今日の記事では、私たちが知っている最高のカレンダーと日付ピッカーのスクリプトをいくつか紹介します。あなたがあなたの要求に合ったものを見つけることを願っています。ジャンプ後の全リスト!

iCal風カレンダー

iPhoneカレンダーアプリケーションとiCalに非常によく似た見事なカレンダー。それは滑らかなアニメーションを持っています、そしてあなたが既存の出来事の上にホバーするとき、それから詳細な情報でツールチップはフェードインします。 [デモ] [ダウンロード]

MooToolsデートピッカー

スムーズなアニメーションで設定可能なJavascriptデートピッカー。任意の日付フォーマットに対応しており、タイムピッキングもサポートしています。基本スキン、Windows Vistaスキン、OSXダッシュボードスキン、およびJquery UIスキン。 [デモ] [ダウンロード]

フルカレンダー

これはGoogleスタイルのjQueryプラグインで、フルサイズのドラッグアンドドロップカレンダーを提供します。このカレンダーは簡単に設定でき、Ajaxを使用しています。 [デモ] [ダウンロード]

jPint

JPintは華麗に見えるWebベースのiPhone開発者です。カレンダーを選択するだけで、iPhoneと同じカレンダーが表示されます。 [デモ] [ダウンロード]

jCalendar

3つの形式で使用できる動的jQueryカレンダー（日、月、年用）。このカレンダーにはアニメーションがありません。 [デモ] [ダウンロード]

デートピッカー

この日付ピッカーは、標準形式の入力フィールドに関連付けられているシンプルに見える日付ピッカーです。入力フィールドをクリックしてから矢印を使って月を変更するだけです。 [デモ] [ダウンロード]

jQuery週間カレンダー

もう1つのGoogleスタイルのフルサイズカレンダーですが、このjQueryプラグインはアプリケーションに毎週のカレンダーを含めるためのシンプルで柔軟な方法を提供します。 [デモ] [ダウンロード]

jMonthCalendar

イベントをサポートするフルサイズのカレンダー。各イベントはホバーすることができ、イベントにはクリックされたイベントの詳細を示すページにリンクするURLがあります。 [デモ] [ダウンロード]

日付ピッカー

素敵なスタイルを持ち、ユーザーのWebアプリケーションに合わせて簡単に調整できる日付ピッカー。また、コンポーネント内の複数のカレンダーなど、多くの機能があり、単一、複数、または範囲を選択できます。ユーザーは日付を特別、週末、特別日などにマークすることができます。[デモ] [ダウンロード]

単純なjQuery日付ピッカー

1つまたは複数のテキスト入力要素で機能し、CSSで簡単にスタイル設定される、かなりきちんとした日付ピッカー。この日付ピッカーを使うのはとても簡単です - 最初にあなたの年と月を選んで、そしていつか次の日を選んでください。 [デモ] [ダウンロード]

カレンダー

これは多くのデートピッカーの集まりであるJavascriptクラスです。これらの日付ピッカーには、最も便利な機能がすべて含まれています。彼らのデザインもスムーズなアニメーションでとてもきれいで見栄えが良いです。 [デモ] [ダウンロード]

Vista風Ajaxカレンダーバージョン2

Vista風のAjaxカレンダーは、滑らかで深いWindows VistaのタスクバーカレンダーのWeb版です。あなたがウィンドウズビスタのスタイルを愛するなら、あなたはまたこのカレンダーを気に入るはずです[デモ] [ダウンロード]

Yahoo! UIライブラリ：カレンダー

あなたのWebアプリケーションに実装できるシンプルなYUIカレンダー。選択肢はそれほど多くはありませんが、日付ピッカーだけが必要な場合は、それ以上は必要ありません。 [デモ] [ダウンロード]

控えめな日付ピッカーウィジェット

このフレンドリーなデートピッカーはキーボードを使ってアクセスできます、それは埋め込まれたJavaScriptブロックを必要とせず、ポップアップウィンドウを使用しません。 CSSを使ってスタイルを完全に変更することもできます。 [デモ] [ダウンロード]

スカル

Scal、Scal tinyscal、iScal、Dashblack、Googleblue、iPhonicの6つの異なるスタイルを持つクールなデートピッカー。 [デモ] [ダウンロード]

jQueryインタラクティブ日付範囲ピッカー

日付範囲を選択するために特別に設計された非常にインタラクティブなコンポーネント。滑らかで見栄えの良いアニメーションに注意してください。 [デモ] [ダウンロード]

基本カレンダー

Webアプリケーションで基本的なカレンダーだけを使用する場合は、このカレンダーを試してください。 [デモ] [ダウンロード]

シンプルカレンダー

これはブラウザを越えて動作するシンプルなポップアップカレンダーです。それが最もよいカレンダーではないという事実にもかかわらず、それは完全にコメントをつけられて、言語、色と日付フォーマットのためにカスタマイズ可能です。 [デモ] [ダウンロード]

ティグラカレンダー

Tigraはブラウザを越えて動作するカレンダーです。すばやく簡単に日付を入力できるドロップダウンカレンダーです。 [デモ] [ダウンロード]

jQueryデートピッカー

テキストフィールドにポップアップとして簡単に追加したり、部門またはスパンにインラインで追加することができる見栄えの良い日付ピッカー。見栄えの良いjQueryスタイルのアニメーションがあります。 [デモ] [ダウンロード]

jQueryの日付入力

Date Inputは、jQuery用のdatepickerプラグインです。

DatePickerControl

その外観のためにWindows電卓を思い出させるシンプルな日付ピッカー。入力フィールドをこの日付ピッカーに簡単に変換できます。 [デモ] [ダウンロード]

Jason Moonのフールプルーフ日入力カレンダースクリプト

とても小さくてコーディネートされたカレンダー。それは多くのスペースを取りません、そしてそれはまたよく見えます。年を切り替えることはできませんが、矢印を使って月を切り替えることができます。 [デモ] [ダウンロード]

カレンダースクリプト

優れた機能を備えたシンプルなカレンダースクリプト信頼性の高いシンプルなカレンダーが必要な場合はこれが良い選択です。 [デモ] [ダウンロード]

Dhtmlxカレンダー

使いやすく、完全にカスタマイズ可能な軽量のクロスブラウザJavaScriptカレンダー。それはまたその機能性と一緒に混ざっている素敵なスタイルを持っています。 [デモ] [ダウンロード]

Javascriptの日付選択

この日付ピッカーは、DOM技術を使用してそのHTMLコードを生成します。 Mozilla Firefox、Google Chrome、Safari、Internet Explorer 6以降などのブラウザをサポートしています。 [デモ] [ダウンロード]

リッチカレンダー

これはJavascriptのクロスブラウザカレンダーで、さまざまな高度なオプションで適切な機能を実装しています。 [デモ] [ダウンロード]

デートピッカー] [ダウンロード]

デートピッカー

Windows統合電卓のように見えるシンプルで見栄えの良い日付ピッカー。 [デモ] [ダウンロード]