締切済み

jquery セレクトボックス

2010/11/12 21:17

jqueryについて質問させて頂きます。今予約フォームを作成しているんですが、下記のような機能をつけたいんです。。セレクトボックスは、1.「年月日」2.「時間」の2つあり、セレクトボックス1で年月日を選択したさいに、土日を含む場合と平日の場合で、セレクトボックス2に表示される内容を変えたいのです。現状は、とりあえず日にちの表示はできました。。後は土日か平日かを取得してセレクトボックス2の内容を変えたいのですが。。。参考になりそうなサイトや、ご意見を頂きたいです。。宜しくお願いします。。。

HR1002
お礼率80% (4/5)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

みんなの回答

sekibunx
ベストアンサー率61% (8/13)

2010/11/12 22:06 回答No.1

年月日の表示(取得)が出来ているのなら，あとは年月日から曜日を求めてやればいいわけですね．日付と曜日の変換は以下のサイトが参考になります．「イヌでもわかるJavaScript講座」 http://www.red.oit-net.jp/tatsuya/java/birthday.htm サンプルは以下の様になります．土日か平日かによってメッセージを変えています．セレクトボックスでしたら，条件分岐のところで選択項目を変化させてやれば良いです．日付のフォーマットは「yyyy/mm/dd」であることを前提に作成していますので，実際にはエラー処理等を加えてください． <script type="text/javascript"> $(function() { $('#date').change(function() { date = $('#date').val().split("/"); day = new Date(date[0], date[1]-1, date[2]).getDay(); if(day > 0 && day < 6){ val = "平日です(" + day + ")"; }else{ val = "土日です(" + day + ")"; } $('#time').val(val); }); }); </script> </head> <body> <form> 日付選択<input type="textbox" id="date" value="2010/11/12"><br> 時間帯選択<input type="textbox" id="time"> </form> </body>