客戶要求幫他製作一個日曆，並實現查詢功能

01-28

客人要求

使用Date的Date(year,month,date) 構造方法,構造當前日期,列印輸出.實現簡單的日曆查詢功能，當查詢的日子就是當天，並在日曆中標註出來。

原代碼參考：

<!doctype html>

<html>

<head>

margin:0;

padding:0;

font-family:Microsoft Yahei;

}

body{

padding:100px 540px;

background:#9900ff;

color:#fff;

}

.tittle{

width:270px;

text-align:center;

font-size:20px;

height:24px;

line-height:24px;

font-weight:bold;

margin:10px 0;

}

</style>

</head>

<body>

<pre>

//var year = parseInt( window.prompt(請輸入年份) );

//var month = parseInt( window.prompt(請輸入月份) );

/*var time = new Date();

document.write(time.toLocaleString()+</br>);

document.write(time.getFullYear()+</br>);

document.write((time.getMonth()+1)+</br>);

document.write(time.getDate()+</br>);

document.write(time.getHours()+</br>);

document.write(time.getMinutes()+</br>);

document.write(time.getSeconds()+</br>);

//xxxx年xx月xx日 xx:xx:xx

document.write( time.getFullYear()+年+(time.getMonth()+1)+月+time.getDate()+日 +time.getHours()+:+time.getMinutes()+:+time.getSeconds());

Date.prototype.printCalendar = function(){

//年月

var year = this.getFullYear();

var month = this.getMonth();

var date = new Date( year,month,1 );

document.write(<div class="tittle">+year+年+(month+1)+月</div>);

document.write(日一二三四五六</br>);

var day = date.getDay();//獲得當前月的1號是星期幾

for ( var i=0;i<day;i++ )

{

document.write( );

}

//獲得當前月一共有多少天(也就是下個月的前一天是幾號)

var count = new Date( year,month+1,0 ).getDate();

var index = 0;

for ( var i=1;i<=count;i++ )

{

document.write(<span>+i+</span>+ );

if ( (day+i) %7 == 0 )

{

document.write(</br>);

}

if ( i == new Date().getDate()&&year==new Date().getFullYear()&&month==new Date().getMonth())

{

index = i;

}

var oSpan = document.getElementsByTagName("span");

index&&(oSpan[index-1].style.cssText = background:#f60);

}

var year = parseInt( window.prompt(請輸入您要查詢的年份：) );

var month = parseInt( window.prompt(請輸入您要查詢的月份：)-1 );

new Date(year,month).printCalendar();

</script>

</pre>

</body>

</html>

原文鏈接：日曆查詢 - alex博客

客戶要求幫他製作一個日曆，並實現查詢功能

喜歡本文的，可以關注通哥 - 知乎，有問題可以加群交流

歡迎大家來「web前端開發」專欄投稿