TABIBURA

TABIBURA

The journey is the reward.

ポップアップカレンダーを実現するjavascript等のサンプル集

Date: 2008/08/26 Category: LIFE

旅行関連の予約サイトや、各種オンラインショッピングのサイトの申込フォーム等でお馴染み。日程などの入力の際に、近くに小さなカレンダーのアイコンがあ
ります。アイコンをクリックすると、日付つきカレンダーが表示され、日付をクリックすると、元のテキストボックスに自動的に日付を入力してくれます。入力
作業を軽減する便利なツールです。このポップアップカレンダーを実現するスクリプト等のサンプルを集めてみました。

使い方、カスタマイズ方法などの説明があります。
[JavaScript] JKL.Calendar/ポップアップするカレンダー表示クラス
 
ポップアップではなく、テキストボックスのすぐ下にカレンダーを表示
JavaScript + Ajax 実践サンプル集 – ポップアップカレンダー

ポップアップカレンダーを表示
JavaScript + Ajax 実践サンプル集 – ポップアップカレンダー(2)
JavaScriptポップアップカレンダー

ポップアップではなく、テキストボックスのすぐ下にカレンダーを表示
YUIのJavaScriptカレンダーを日本語化&ポップアップ対応&祝日も表示 – Yahho Calendar

prototype.js ベースのカレンダー デザインがクール
prototype.js ベースの日時選択用の javascript ライブラリ

シェアする

関連する記事

  • スムーススクロールを実現するjavascriptスムーススクロールを実現するjavascript 「このページのTOPへ戻る」などのリンクをクリックしたときに、ページ上部へ「ゆっくり」と移動するスクリプトです。通常は瞬時に移動してしまい […]
  • ザ・マジックアワーザ・マジックアワー 先々週になりますが、三谷幸喜脚本・監督の「ザ・マジックアワー」を観てきました。コメディー映画です。コメディー映画って、けっこう当たり外れが […]
  • マリーンズドリームサルーン、VIPルームで野球観戦!マリーンズドリームサルーン、VIPルームで野球観戦! 千葉マリンスタジアムって、今はQVCマリンフィールドに名前が変わってるんですね。先日、QVCマリンフィールドを訪れてきました。今回は通常の […]