網頁實現製作乙個小日曆

2021-08-14 06:38:58 字數 2272 閱讀 9147

在網頁上製作乙個日曆，利用jquery實現它，其實也不是很困難，參照網上的部分思想自己再深加工，乙個精美的日曆也就能呈現了

接下來談談實現它的函式思想

var date = new date();


var show_day=new array('星期日','星期一','星期二','星期三','星期四','星期五','星期六'); 


var seperator1 = "-";


var yearnow = date.getfullyear();


var year = yearnow;


var monthnow = date.getmonth() + 1;


var month = monthnow;


var strdatenow = date.getdate();


var strdate=strdatenow;


var day = date.getday(); 


var n1str = new date(year, month-1, 1); // 當月第一天date 


var initfirstday = n1str.getday(); // 當月第一天星期幾 


var daynumber = getmonthallday(month-1, year); 


if (month >= 1 && month <= 9) 


if (strdate >= 0 && strdate <= 9) 


var currentdate = year + seperator1 + month + seperator1 + strdate;


$(".dp-input").val(currentdate);


$(".weekinfo").text(show_day[day]);


$('input[name="current-year"]').val(year);


$('input[name="current-month"]').val(month);



// 是否為閏年  


function is_leap(year) 


// 獲取當月的天數 


function getmonthallday(month, year) 


// 獲得某年某月某日是星期幾 


function getfirstweekday(year, month, day)
使用date()方法建立物件獲取到當前年月，這裡要注意到日的獲取只能獲取到當前星期的數字，並且它所獲取到的月份數字比實際月份也會小乙個月

/* 顯示日曆 */  


function showcanledar(month, firstday, dnow, allday) else if (date_str == dnow)else if (date_str > 0 && date_str < dnow)else


// 過濾無效日期（小於等於零的、大於月總天數的） 


// 列印日期：今天底色為紅 


// 查詢月簽到情況 


} tb += ""; 


// **的行結束 


} tb += ""


tb += ""; // **結束 


$(".cal-header").after(tb); 


}
此處使用函式動態建立日曆生成，接下來我們實現日曆的月份檢視

// 獲得上乙個改變的月  


function getprevmonth(month,year,yearnow,monthnow) else if(month == 1)else 


$('input[name="current-year"]').val(year);


$('input[name="current-month"]').val(month);


} // 獲得下乙個改變的月 


乙個日曆小程式
include define sunday 0 define monday 1 define tuesday 2 define wednesday 3 define thursday 4 define friday 5 define saturday 6 void giveinstructions ...


html css js 實現乙個網頁小demo
js 從乙個1.html跳轉到另乙個2.html頁面並攜帶一定的資料 最近開始涉及js的學習，由於之前有一些html和css的基礎就開始製作一些靜態頁面利用js新增互動效果使得變得動態。我所做的就是從產品展示頁面新增某個產品的數量，點選購物車圖示就可以跳轉到訂單頁面檢視所加物品數量和總 商品 也是有...


如何製作乙個HTML網頁
標籤對中的第乙個標籤是開始標籤，第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤 3.html 文件 網頁 html 文件描述網頁 html 文件包含 html 標籤和純文字 html 文件也被稱為網頁 web 瀏覽器的作用是讀取 html 文件，並以網頁的形式顯示出它們。瀏覽器不會顯...