チュートハンパな世界チュートハンパな世界パソコンのこと、ネットのこと、Webプログラミングのこと...。扱えるけど、どれもモノにならず。そんな日常のブログです。入力画面(3)前回までの流れでの完成系がこちらのサンプルです。デザインも洗練されていますし、非常に使いやすいです。英語圏使用になっていますので、日本語対応させます。).datepicker($.datepicker.regional["ja"]);に変更すれば勝手に日本語になるはずなのですが、何度やってもうまく作動してくれません。http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/と書いてありました。追加ファイルが必要だったんですね...。ことで、必要ファイルをダウンロードしてとりあえずは日本語化完了です。src="js/jquery.ui.datepicker-ja.js"></script>こういうことですね。完成系がこちらのサンプルです。入力画面(2)前回の入力画面の完成形がこちら。サンプル引き続き、入力画面の日付入力。ローンのシミュレーションをするだけなら、別に日付を入力する必要はありませんが、繰上げ返済や借り換えのシミュレーションをするなら、元々のローンがいつ実行されたのかを入力する必要があります。ローンの返済計画表を出力する際に、債務者の年齢が入っていたほうが分かりやすい。いうことで、ローンの返済開始年月と生年月日を入力する為の画面を作成。テキストボックスを3つ並べて、年・月・日と入力してもらってもいいんだけど、折角、jqueryを読み込んでいるんだから、使わない手はありません。インターフェイスもスッキリしているし、何より、他にもたくさんの機能があるので即採用。使用方法もいたって簡単で、上記ホームページから必要はパッケージを選んでダウンロード。その際に自分のホームページのデザインにあったテーマを選んでおけばもっとスッキリ。src="js/jquery-ui-1.8.16.custom.min.js"></script>で初期設定終了。あとは、テキストボックスに指定するidを読み込めば完了。});</script>で、本文ではこんな感じでしょうか。入力画面(1)こういうシステムを作るときって、たぶん根幹となる部分から作るべきなんでしょうけど、どうしても、入力画面から作りたくなってしまいます。それも、普通にフォーム作って、テキストボックス作って、phpにpostで送るのでは面白くない。1.金額を入力するテキストボックスは、当然右詰で、3桁ごとにコンマ入力。2.金利を入力するテキストボックスも、当然右詰で、小数点以下2桁までの入力。3.融資の実行日などの日付入力のテキストボックスはカレンダーから選択。なると、いちから仕組みを作る技術はまったくありませんので、jqueryに頼ることに。普通に、http://code.jquery.com/jquery-1.7.min.jsからダウンロード。