トップ  >  2010年  >  2010.03.15 JavaScript でカレンダー
features
JavaScript でカレンダー
2010.03.15記

ホームページの入力フォームで、日付入力が必要な場合、カレンダーが表示され、入力を支援してもられると助かります。
今回は JavaScript を使って、カレンダーを表示させライブラリなどを探してみようと思います。

JKL.Calendar

  http://www.kawa.net/works/js/jkl/calender.html

  当サイトの設置サンプル
JKL.Calendar
テキストボックスにカーソルを入れるとカレンダーがポップアップします。

YUI:Calendar

  http://developer.yahoo.com/yui/calendar/

  当サイトの設置サンプル
YUI:Calendar
カレンダーをクリックするとテキストボックスに日付が入ります。テキストボックスに日付を入れてから「Update Calendar」ボタンをクリックするとその日付のカレンダーが表示されます。日付のフォーマットが「MM/DD/YYYY」です。プロパティを変更しないといけないのかな。

mootools+Calendar

  http://mootools.net/
  http://www.electricprism.com/aeron/calendar/
  http://www.skuare.net/2008/01/javascriptcalendar.html (参考)

  当サイトの設置サンプル
mootools+Calendar
テキストボックスにカーソルを入れるか、テキストボックス脇のカレンダーアイコンをクリックするとカレンダーが現れます。テキストボックスへ日付を入力することはできません。READONLY属性が付加されるようです。

jQuery UI Datepicker

  http://jqueryui.com/demos/datepicker/

  当サイトの設置サンプル
jQuery UI Datepicker
UIからすべてをダウンロードして、デモサンプルのソースを見ながら必要そうなファイルをピックアップして設置しました。簡単ファイルセットとかはないのかな?

JS Calendar

  http://javascriptist.net/docs/libraries_calendar.html

  当サイトの設置サンプル
JS Calendar
設置は、いたって簡単な部類でした

まだまだ探せばいろいろ出てきそうですが、 実際使う場合はどれを使おうか悩みそうだ。

- 設置が簡単
-- ファイルが少ない
-- スクリプト記述量がすくない
- デザインがきれい
- カスタマイズしやすい
などなどが選択する時の条件かな
前
2010.04.15 PHPExcel で Excelファイルをつくる
カテゴリートップ
2010年
次
2010.02.15 印刷会社のホームページ8(世田谷)

PAGE TOP 
メニュー
サイト内検索
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
Copyright(C) 1999 keibunsya all right reserved.