開発者のための便利なカレンダーと日付ピッカースクリプト
カレンダーは、特にブログや個人 企業サイトやeコマースサイトについては、発表、新進気鋭のイベント、コンテストなどをレイアウトするために利用されています。
何がカレンダーはほとんど不可欠になりますか? これは、ユーザーが指定された日付に期待するものを、新しいものを知っているし、すべて一目で古い情報を追跡することができます。
カレンダーホテル、映画館や航空会社のウェブサイトでは、部屋や航空券を予約するために、ユーザーの相互作用が必要です。 ユーザーが予約をするために指定された日付を選択する必要があるため、このウェブサイトにカレンダーが必要です。 これは、日付ピッカーがナビゲーション媒体としての役割を果たす場所です。
カレンダーレイアウトである日付ピッカーは、ユーザーが彼らが望む日付を選択する日、週または年をナビゲートすることができます。 いくつかの日付ピッカーはまた、便利なユーザーに日付を入力することにより、特定の日に直接ジャンプするオプションが含まれています。
今日の記事では、私たちはあなたに私たちが知るようになった最高のカレンダーと日付ピッカーのスクリプトのいくつかを示しています。 あなたの要求に合ったものを見つけることを願っています。 ジャンプ後の完全なリスト!

10コード最適化のためのCSSとJavaScriptリントツール
編集者注:この記事は、コード最適化シリー..続きを読む
iCalのようなカレンダー
iPhoneのカレンダーアプリケーションとiCalに非常に似て見える見事なカレンダー。 それは滑らかなアニメーションを持っており、あなたが既存のイベントの上にマウスを置くと、ツールチップは、詳細な情報でフェードインします。

FullCalendar
これは、GoogleスタイルのjQueryプラグインは、フルサイズ、ドラ このカレンダーは簡単に設定可能で、Ajaxを使用しています。 P>

jPint
JPintは華麗に見えるwebベースのiPhone devです。 カレンダーを選択するだけで、あなたのiPhoneと同じカレンダーが表示されます。

jCalendar
日、月、年の三つのフォーム選択で使用できる動的jQueryカレンダー。 このカレンダーにはアニメーションはありません。

Datepicker
このdatepickerは、標準フォーム入力フィールドに関連付けられている単純な見た目のdatepickerです。 単に入力フィールドをクリックして、月の間に変更するには、矢印を使用しています。

jQuery Week Calendar
別のGoogleスタイルのフルサイズのカレンダーが、このjQueryプラグインは、アプリケーショ

jMonthCalendar
イベントをサポートするフルサイズのカレンダー。 各イベントは、上にホバーすることができ、イベントがクリックされたイベントの詳細を示すページにリンクするURLを持っています。

日付ピッカー
素敵なスタイルを持っており、ユーザーのwebアプリケーションに収まるよ また、コンポーネント内の複数のカレンダーなどの多くの機能を備えており、単一、複数、または範囲の選択が可能です。 ユーザーは、特別な、週末、特別な日などの日付をマークすることができます。

Basic Calendar
webアプリケーションで基本的なカレンダーだけを使用したい場合は、このカレンダーを試してみてください。 p>

ティグラカレンダー
ティグラは、ブラウザ間で動作するカレンダーです。 これは、高速かつ簡単な日付のエントリは、ユーザーエクスペリエンスを向上させるドロップダウンカレンダーです。

jQuery Datepicker
簡単にテキストフィールドにポップアップとして追加したり、分割またはスパン それは素敵な外観のためのjQueryスタイルのアニメーションを持っています。

Calendar Script
優れた機能を持つシンプルなカレンダースクリプト。 これは、信頼性の高いシンプルなカレンダーが必要な場合に適しています。

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

Javascript Date Picker
この日付ピッカーは、HTMLコードを生成するためにDOMテクニックを使用しています。 以下のようなブラウザに対応しています。: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+.

Leave a Reply