一、效果圖

二、頁面文件
頁面上需要添加<div id="cal"></div>標(biāo)記。
三、JS代碼
代碼如下:
// JavaScript 日歷
$(document).ready(function () {
//當(dāng)前時間
$now = new Date(); //當(dāng)前的時間
$nowYear = $now.getFullYear(); //當(dāng)前的年
$nowMonth = $now.getMonth(); //當(dāng)前的月
$nowDate = $now.getDate(); //當(dāng)前的日
$nowMonthCn = monthCn($nowMonth); //格式化后的月
//第一次設(shè)置當(dāng)前時間
calOpt($now);
//上個月鼠標(biāo)點擊事件
$('#prevMonth').live('click', function () {
var year_text = $('.thisYear').text();
var month_text = $('.thisMonth').text() - 2;
var date_text = $('.thisDate').text();
$('#cal').html('');
var d = new Date(year_text, month_text, date_text);
calOpt(d);
return false;
});
//下個月鼠標(biāo)點擊事件
$('#nextMonth').live('click', function () {
var year_text = $('.thisYear').text();
var month_text = $('.thisMonth').text();
var date_text = $('.thisDate').text();
$('#cal').html('');
var d = new Date(year_text, month_text, date_text);
calOpt(d);
return false;
});
//關(guān)閉日歷鼠標(biāo)點擊事件
$('#cal_close').live('click', function () {
$('#cal').html('');
$('#cal').hide();
return false;
});
});
//是否在數(shù)組中?返回下標(biāo)+1
function inArray(val, arr) {
for (var index = 0; index < arr.length; index++) {
新聞熱點
疑難解答
圖片精選