一、效果圖

二、頁面文件

頁面上需要添加<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++) {