jsで指定した日付の週番号と曜日を取得するカレンダーを実装する 共有例(jsで曜日を取得する)_基礎知識

インタラクションがあるのでJsを選択して実装しました。これはペアプログラミングの最初の試みと言えます。 表示部分をhtmlで記述し、ボタンがクリックされた際にトリガーされるイベント関数をcheck();とします。

コードをコピー コードは次のとおりです。

function onCheck(){
var Year = document .getElementById("year").value; //テキストボックスの「年」を取得します var the Year = Year * 1 //数値型に変換します //alert(the Year); //月の値を取得します
var month = document.getElementById("month");
varindex1=month.selectedIndex; var theMonth = month.options[index1].value; //月の値を取得します
var day = document .getElementById("day") ;
var index2=day.selectedIndex;
var theDay = day.options[index2].value;
//入力値判定部

...
//コア関数
days(theyear,theMonth,theDay)
}

; コアイベントの日は次のとおりです:

コードをコピー コードは次のとおりです:

function days(年,月,日) {
var days = 0; //日付が変更される日付を示します
//月の日数を加算します
for(var i = 1; i switch(i) {
//大きな月に 31 を足します
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:{
days = 31;
Break;
}
//Xiaoyue の場合、30
を追加 case 4:
case 6:
case 9:
case 11:{
days = 30;
Break;
}
//2 月の場合、年の種類に応じて
を追加しますcase 2:{
if( isLeap Year(year)){
days = 29; //うるう年の場合は 29 を追加します
}
days = 28;
}
Break;
}
}
}
day = day * 1;
days = day //月の日数と日数の合計

var date0 = new Date(year,0,1); //年の最初の日は何曜日ですか?//alert(date0.getDay());

var date1 = new Date(year ,month-1,day); //日付値をフォーマットします。0 ～ 11 は 1 月から 12 月を表します。
//alert((days date0.getDay() 6)/7); > var nthOfWeek = Math.floor((days date0.getDay() 6)/7); // 切り捨て
//alert(nthOfWeek);
var toDay = new Array("Sunday","week) "1"、"火曜日"、"水曜日"、"木曜日"、"金曜日"、"土曜日");
//day.getDay(); 日付に基づいて曜日を返します。0 は日曜日です。
alert("この日付は、その年の " 日 " です " " 今日は " nthOfWeek " 週 " toDay[date1.getDay()]);
}



デバッグプロセス中に、数値の丸めの問題など、型の不一致によって引き起こされる計算エラーなど、多くの予期せぬエラーが発生しました。

チームメイトの協力を得て、彼はレビューとバグの発見を支援する責任を負いました。実装とコーディングを担当しました。 最後のステップでは、入力値のテスト中に互いに協力し、さまざまな入力状況を分析し、起こり得るさまざまな事故をカバーし、機能の改善を迅速に完了しました。 >以下は、入力値が許可されているかどうかを判断するコードです:

コードをコピー

コードは次のとおりです。if (isNaN(the Year)|| the Year < 0 ) {alert("入力が間違っています。再入力してください");

return ;

}

if((theMonth == 2 && theDay > 29 && isLeap Year(the Year))||(theMonth == 2 && theDay > 28 && !isLeap Year(the Year))) {
alert("Yesと入力してください)違います。再入力してください。");
return ;}

if((theMonth == 4 || theMonth == 6 || theMonth == 9 || theMonth == 11) && theDay == 31 ) {
alert("入力が間違っています。再入力してください" );
return ;

}