jQuery にリンクされたカレンダーの実装 code_jquery

$(function(){
var nowDate = $(".nowDate"), //左側のカレンダー ボックス
nextDate = $(".nextDate"), // カレンダー右側の Box
lstrTd = "", //左側の日付の DOM 構造 row
rstrTd = "", //右側の日付の DOM 構造 row
lrows = 0, //左側の日付の番号rows
rows = 0, //右側の日付行数
iHtmlNow = "", //左側のカレンダー構造
iHtmlNext = "", //右側のカレンダーの構造
nowTitleDateY = "", // タイトルの年が左側に表示されます
nowTitleDateM = "", // 月が左側に表示されます
nowlastM = "", // 月が左側に表示されます
nextTitleDateY = "", //右側にタイトルの年
nextTitleDateM = "", //右側に表示される月
nextLastM = "", //右側に表示される月
creatbtu = true, //スイッチHTML 構造を 1 回だけ作成する
NumDay = 0, //左側は各月の日数;
rNumDay = 0, //左側は各月の日数; = 0, //左側の現在の月の最初の日が曜日です
rfday = 0 //右側の現在の月の最初の日が曜日です
/ /Create date row
function creatTr(l,r){
}
/*現在の月と来月の日付と年を作成します
* ここには 3 つの状況があります。現在の月は 12 月です。 、現在の月は 11 月、現在の月は 1 月です。
*/
function getTitleDate(){
var odate = new Date()
//現在の月が 12 月の場合、右側の月は 1 月である必要があります
//現在の月が 11 月の場合、右側の月は 1 月である必要があります
/ /現在の月が 1 月の場合、左側の月は次のようになりますDecember
}
/*現在の月の最初の日、それが何曜日であるかを取得します
*最初に、日付オブジェクトを作成した年、月、および日数を設定しますこれらを設定した後、getDay() メソッドを使用して、日付を設定した週数を取得します。
*/
function getfirstD(m1,y1 ,m2,y2){
}
//月のサイズに基づいて日数を取得します。
function getTdDay(m1,y1,m2,y2){
}
//次の年のパラメーターに従って、次の年であるかどうかを判断します。 Runyear です。つまり、両方が満たされる場合は 4 で割り切れますが、100 で割り切れるか、400 で割り切れます。 HMTL 構造体を作成します
function creatHtml(creatbtu){
//現在の月の最初の日が何曜日であるかに応じて、すべての日付を格納するために複数の行を生成します
}
//対応する TD に日付を挿入します
function insertdate(d,t){
// 左側に挿入
// 横に挿入
}
// DOM に挿入
function insertHtml(){
}
//DOM から削除
function delHtml(){
}
//[OK] をクリックしてカレンダーを表示または非表示にします
$(" input[type=button]").toggle(function (){
//OKボタンの連続クリックを防ぐためにこの判定を追加
if(!nowDate.add(nextDate).is(":animated" )&&nowDate.add(nextDate).is(":empty" )){
//タイトルの上にある年と月を取得します
getTitleDate()
//その月の日付を取得します。 left and right
getTdDay(nowTitleDateM,nowTitleDateY,nextTitleDateM,nextTitleDateY);
// 左と右の週の最初の曜日を取得します
getfirstD(nowTitleDateM,nowTitleDateY,nextTitleDateM,nextTitleDateY); >//HTML 構造を作成します
creatHtml();
//構造を DOM に挿入します
insertHtml()
//左右のテーブルに日付を挿入します TD
insertdate(lfday,rfday);
//日付を展開します
nowDate.add (nextDate).slideDown(200);
}
},function(){
//追加連続クリックを防ぐためのこの判断
if(!nowDate.add(nextDate).is(" :animated")){
//カレンダーを折りたたむ
nowDate.add(nextDate).slideUp(200) ;
//DOM からカレンダー構造を削除します
}
})


4.1 このコードは理解できます。コメントを見て構造を確認します。
1. 現在の年と月を取得します (リンクされた「ポイント」)
2. 左側と右側の対応する月の日数を取得します。 > 3. それぞれ曜日に対応する、左側と右側の月の 1 を取得します。
4. 以上で、HTML 構造を作成できます (作成するかどうかを決定する必要があるため)月の日付の配置に従って 5 行または 6 行になります。日付を表示します)
5. 作成した構造を DOM に挿入します
6. 次に、取得した日数、つまり日付番号を対応するテーブルの TD に挿入して、日付を格納します。 🎜>