2011年11月27日

住宅ローンシュミレーション 入力画面(3)

前回までの流れでの完成系がこちらのサンプルです。

デザインも洗練されていますし、非常に使いやすいです。

ただ、英語圏使用になっていますので、日本語対応させます。

まずは日本語対応です。
マニュアルを読む限りでは、

$( "#datepicker" ).datepicker();
となっているところを、

$( "#datepicker" ).datepicker($.datepicker.regional["ja"]);
に変更すれば勝手に日本語になるはずなのですが、何度やってもうまく作動してくれません。
チュートハンパな英語力でマニュアルを読んでおりましたところ、下のほうに、

The localization files are also available in the UI svn: http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/

と書いてありました。追加ファイルが必要だったんですね...。

ってことで、必要ファイルをダウンロードしてとりあえずは日本語化完了です。

<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-ja.js"></script>
こういうことですね。

で、完成系がこちらのサンプルです。

トラックバックURL

このエントリーのトラックバックURL:
http://blog.776town.net/mt/mt-tb.cgi/31

コメントする