js 日历控件_下

/***** 增加 小时、分钟 ***/

function tmpSelectHourInnerHTML(strHour) //小时的下拉框

{

    if (!bUseTime) { return; }

 

    if (strHour.match(/\D/) != null) { alert("小时输入参数不是数字!"); return; }

    var m = (strHour) ? strHour : new Date().getHours();

    var s = "<select name=tmpSelectHour style='font-size: 12px' "

    s += "onblur='document.all.tmpSelectHourLayer.style.display=\"none\"' "

    s += "onchange='document.all.tmpSelectHourLayer.style.display=\"none\";"

    s += "parent.meizzTheHour = this.value; parent.evaSetTime(parent.meizzTheHour,parent.meizzTheMinute);'>\r\n";

    var selectInnerHTML = s;

    for (var i = 0; i < 24; i++) {

        if (i == m) { selectInnerHTML += "<option value='" + i + "' selected>" + i + "</option>\r\n"; }

        else { selectInnerHTML += "<option value='" + i + "'>" + i + "</option>\r\n"; }

    }

    selectInnerHTML += "</select>";

    odatelayer.tmpSelectHourLayer.style.display = "";

    odatelayer.tmpSelectHourLayer.innerHTML = selectInnerHTML;

    odatelayer.tmpSelectHour.focus();

}

 

function tmpSelectMinuteInnerHTML(strMinute) //分钟的下拉框

{

    if (!bUseTime) { return; }

 

    if (strMinute.match(/\D/) != null) { alert("分钟输入参数不是数字!"); return; }

    var m = (strMinute) ? strMinute : new Date().getMinutes();

    var s = "<select name=tmpSelectMinute style='font-size: 12px' "

    s += "onblur='document.all.tmpSelectMinuteLayer.style.display=\"none\"' "

    s += "onchange='document.all.tmpSelectMinuteLayer.style.display=\"none\";"

    s += "parent.meizzTheMinute = this.value; parent.evaSetTime(parent.meizzTheHour,parent.meizzTheMinute);'>\r\n";

    var selectInnerHTML = s;

    for (var i = 0; i < 60; i++) {

        if (i == m) { selectInnerHTML += "<option value='" + i + "' selected>" + i + "</option>\r\n"; }

        else { selectInnerHTML += "<option value='" + i + "'>" + i + "</option>\r\n"; }

    }

    selectInnerHTML += "</select>";

    odatelayer.tmpSelectMinuteLayer.style.display = "";

    odatelayer.tmpSelectMinuteLayer.innerHTML = selectInnerHTML;

    odatelayer.tmpSelectMinute.focus();

}

 

function tmpSelectSecondInnerHTML(strSecond) //秒的下拉框

{

    if (!bUseTime) { return; }

 

    if (strSecond.match(/\D/) != null) { alert("分钟输入参数不是数字!"); return; }

    var m = (strSecond) ? strSecond : new Date().getMinutes();

    var s = "<select name=tmpSelectSecond style='font-size: 12px' "

    s += "onblur='document.all.tmpSelectSecondLayer.style.display=\"none\"' "

    s += "onchange='document.all.tmpSelectSecondLayer.style.display=\"none\";"

    s += "parent.meizzTheSecond = this.value; parent.evaSetTime(parent.meizzTheHour,parent.meizzTheMinute,parent.meizzTheSecond);'>\r\n";

    var selectInnerHTML = s;

    for (var i = 0; i < 60; i++) {

        if (i == m) { selectInnerHTML += "<option value='" + i + "' selected>" + i + "</option>\r\n"; }

        else { selectInnerHTML += "<option value='" + i + "'>" + i + "</option>\r\n"; }

    }

    selectInnerHTML += "</select>";

    odatelayer.tmpSelectSecondLayer.style.display = "";

    odatelayer.tmpSelectSecondLayer.innerHTML = selectInnerHTML;

    odatelayer.tmpSelectSecond.focus();

}

 

function closeLayer() //这个层的关闭

{

    var o = document.getElementById("endDateLayer");

    if (o != null) {

        o.style.display = "none";

    }

}

 

function showLayer() //这个层的关闭

{

    document.all.endDateLayer.style.display = "";

}

 

function IsPinYear(year) //判断是否闰平年

{

    if (0 == year % 4 && ((year % 100 != 0) || (year % 400 == 0))) return true; else return false;

}

 

function GetMonthCount(year, month) //闰年二月为29天

{

    var c = MonHead[month - 1]; if ((month == 2) && IsPinYear(year)) c++; return c;

}

 

function GetDOW(day, month, year) //求某天的星期几

{

    var dt = new Date(year, month - 1, day).getDay() / 7; return dt;

}

 

function meizzPrevY() //往前翻 Year

{

    if (meizzTheYear > 999 && meizzTheYear < 10000) { meizzTheYear--; }

    else { alert("年份超出范围(1000-9999)!"); }

    meizzSetDay(meizzTheYear, meizzTheMonth);

}

function meizzNextY() //往后翻 Year

{

    if (meizzTheYear > 999 && meizzTheYear < 10000) { meizzTheYear++; }

    else { alert("年份超出范围(1000-9999)!"); }

    meizzSetDay(meizzTheYear, meizzTheMonth);

}

function setNull() {

    outObject.value = '';

    closeLayer();

}

function meizzToday() //Today Button

{

    parent.meizzTheYear = new Date().getFullYear();

    parent.meizzTheMonth = new Date().getMonth() + 1;

    parent.meizzTheDate = new Date().getDate();

    parent.meizzTheHour = new Date().getHours();

    parent.meizzTheMinute = new Date().getMinutes();

    parent.meizzTheSecond = new Date().getSeconds();

    var meizzTheSecond = new Date().getSeconds();

 

    if (meizzTheMonth < 10 && meizzTheMonth.length < 2) //格式化成两位数字

    {

        parent.meizzTheMonth = "0" + parent.meizzTheMonth;

    }

    if (parent.meizzTheDate < 10 && parent.meizzTheDate.length < 2) //格式化成两位数字

    {

        parent.meizzTheDate = "0" + parent.meizzTheDate;

    }

    //meizzSetDay(meizzTheYear,meizzTheMonth);

    if (outObject) {

        if (bUseTime) {

            outObject.value = parent.meizzTheYear + "-" + format(parent.meizzTheMonth) + "-" +

        format(parent.meizzTheDate) + " " + format(parent.meizzTheHour) + ":" +

        format(parent.meizzTheMinute) + ":" + format(parent.meizzTheSecond);

            //注:在这里你可以输出改成你想要的格式

        }

        else {

            outObject.value = parent.meizzTheYear + "-" + format(parent.meizzTheMonth) + "-" +

        format(parent.meizzTheDate); //注:在这里你可以输出改成你想要的格式

        }

    }

    closeLayer();

}

function meizzPrevM() //往前翻月份

{

    if (meizzTheMonth > 1) { meizzTheMonth-- } else { meizzTheYear--; meizzTheMonth = 12; }

    meizzSetDay(meizzTheYear, meizzTheMonth);

}

function meizzNextM() //往后翻月份

{

    if (meizzTheMonth == 12) { meizzTheYear++; meizzTheMonth = 1 } else { meizzTheMonth++ }

    meizzSetDay(meizzTheYear, meizzTheMonth);

}

 

// TODO: 整理代码

function meizzSetDay(yy, mm) //主要的写程序**********

{

    meizzWriteHead(yy, mm);

    //设置当前年月的公共变量为传入值

 

    meizzTheYear = yy;

    meizzTheMonth = mm;

 

    for (var i = 0; i < 37; i++) { meizzWDay[i] = "" }; //将显示框的内容全部清空

 

    var day1 = 1, day2 = 1, firstday = new Date(yy, mm - 1, 1).getDay(); //某月第一天的星期几

 

    for (i = 0; i < firstday; i++) meizzWDay[i] = GetMonthCount(mm == 1 ? yy - 1 : yy, mm == 1 ? 12 : mm - 1) - firstday + i + 1 //上个月的最后几天

 

    for (i = firstday; day1 < GetMonthCount(yy, mm) + 1; i++) { meizzWDay[i] = day1; day1++; }

    for (i = firstday + GetMonthCount(yy, mm); i < 37; i++) { meizzWDay[i] = day2; day2++; }

    for (i = 0; i < 37; i++) {

        var da = eval("odatelayer.meizzDay" + i) //书写新的一个月的日期星期排列

 

        if (meizzWDay[i] != "") {

            //初始化边框

            da.borderColorLight = "#63A3E9";

            da.borderColorDark = "#63A3E9";

            da.style.color = "#1478eb";

            if (i < firstday)   //上个月的部分

            {

                da.innerHTML = "<b><font color=#BCBABC>" + meizzWDay[i] + "</font></b>";

                da.title = (mm == 1 ? 12 : mm - 1) + "月" + meizzWDay[i] + "日";

                da.onclick = Function("meizzDayClick(this.innerText,-1)");

 

                if (!outDate)

                    da.style.backgroundColor = ((mm == 1 ? yy - 1 : yy) == new Date().getFullYear() &&

      (mm == 1 ? 12 : mm - 1) == new Date().getMonth() + 1 && meizzWDay[i] == new Date().getDate()) ?

      "#5CEFA0" : "#f5f5f5";

                else {

                    da.style.backgroundColor = ((mm == 1 ? yy - 1 : yy) == outDate.getFullYear() && (mm == 1 ? 12 : mm - 1) == outDate.getMonth() + 1 &&

     meizzWDay[i] == outDate.getDate()) ? "#84C1FF" :

     (((mm == 1 ? yy - 1 : yy) == new Date().getFullYear() && (mm == 1 ? 12 : mm - 1) == new Date().getMonth() + 1 &&

     meizzWDay[i] == new Date().getDate()) ? "#5CEFA0" : "#f5f5f5");

                    //将选中的日期显示为凹下去

 

                    if ((mm == 1 ? yy - 1 : yy) == outDate.getFullYear() && (mm == 1 ? 12 : mm - 1) == outDate.getMonth() + 1 &&

     meizzWDay[i] == outDate.getDate()) {

                        da.borderColorLight = "#FFFFFF";

                        da.borderColorDark = "#63A3E9";

                    }

                }

            }

            else if (i >= firstday + GetMonthCount(yy, mm))   //下个月的部分

            {

                da.innerHTML = "<b><font color=#BCBABC>" + meizzWDay[i] + "</font></b>";

                da.title = (mm == 12 ? 1 : mm + 1) + "月" + meizzWDay[i] + "日";

                da.onclick = Function("meizzDayClick(this.innerText,1)");

                if (!outDate)

                    da.style.backgroundColor = ((mm == 12 ? yy + 1 : yy) == new Date().getFullYear() &&

      (mm == 12 ? 1 : mm + 1) == new Date().getMonth() + 1 && meizzWDay[i] == new Date().getDate()) ?

      "#5CEFA0" : "#f5f5f5";

                else {

                    da.style.backgroundColor = ((mm == 12 ? yy + 1 : yy) == outDate.getFullYear() && (mm == 12 ? 1 : mm + 1) == outDate.getMonth() + 1 &&

     meizzWDay[i] == outDate.getDate()) ? "#84C1FF" :

     (((mm == 12 ? yy + 1 : yy) == new Date().getFullYear() && (mm == 12 ? 1 : mm + 1) == new Date().getMonth() + 1 &&

     meizzWDay[i] == new Date().getDate()) ? "#5CEFA0" : "#f5f5f5");

                    //将选中的日期显示为凹下去

 

                    if ((mm == 12 ? yy + 1 : yy) == outDate.getFullYear() && (mm == 12 ? 1 : mm + 1) == outDate.getMonth() + 1 &&

     meizzWDay[i] == outDate.getDate()) {

                        da.borderColorLight = "#FFFFFF";

                        da.borderColorDark = "#63A3E9";

                    }

                }

            }

            else   //本月的部分

            {

                da.innerHTML = "<b>" + meizzWDay[i] + "</b>";

                da.title = mm + "月" + meizzWDay[i] + "日";

                da.onclick = Function("meizzDayClick(this.innerText,0)");   //给td赋予onclick事件的处理

 

                //如果是当前选择的日期,则显示亮蓝色的背景;如果是当前日期,则显示暗黄色背景

                if (!outDate)

                    da.style.backgroundColor = (yy == new Date().getFullYear() && mm == new Date().getMonth() + 1 && meizzWDay[i] == new Date().getDate()) ?

      "#5CEFA0" : "#f5f5f5";

                else {

                    da.style.backgroundColor = (yy == outDate.getFullYear() && mm == outDate.getMonth() + 1 && meizzWDay[i] == outDate.getDate()) ?

      "#84C1FF" : ((yy == new Date().getFullYear() && mm == new Date().getMonth() + 1 && meizzWDay[i] == new Date().getDate()) ?

      "#5CEFA0" : "#f5f5f5");

                    //将选中的日期显示为凹下去

 

                    if (yy == outDate.getFullYear() && mm == outDate.getMonth() + 1 && meizzWDay[i] == outDate.getDate()) {

                        da.borderColorLight = "#FFFFFF";

                        da.borderColorDark = "#63A3E9";

                    }

                }

            }

            da.style.cursor = "hand"

        }

        else { da.innerHTML = ""; da.style.backgroundColor = ""; da.style.cursor = "default"; }

    }

}

 

function meizzDayClick(n, ex) //点击显示框选取日期,主输入函数*************

{

    parent.meizzTheDate = n;

    var yy = meizzTheYear;

    var mm = parseInt(meizzTheMonth) + ex; //ex表示偏移量,用于选择上个月份和下个月份的日期

    var hh = meizzTheHour;

    var mi = meizzTheMinute;

    var se = meizzTheSecond;

    //判断月份,并进行对应的处理

 

    if (mm < 1) {

        yy--;

        mm = 12 + mm;

    }

    else if (mm > 12) {

        yy++;

        mm = mm - 12;

    }

 

    if (mm < 10) { mm = "0" + mm; }

    if (hh < 10) { hh = "0" + hh; } //时

    if (mi < 10) { mi = "0" + mi; } //分

    if (se < 10) { se = "0" + se; } //秒

 

    if (outObject) {

        if (!n) { //outObject.value="";

            return;

        }

        if (n < 10) { n = "0" + n; }

 

        WriteDateTo(yy, mm, n, hh, mi, se);

 

        closeLayer();

        if (bUseTime) {

            try {

                outButton.click();

            }

            catch (e) {

                setday(outObject);

            }

        }

    }

    else { closeLayer(); alert("您所要输出的控件对象并不存在!"); }

}

 

function format(n) //格式化数字为两位字符表示

{

    var m = new String();

    var tmp = new String(n);

    if (n < 10 && tmp.length < 2) {

        m = "0" + n;

    }

    else {

        m = n;

    }

    return m;

}

 

function evaSetTime()   //设置用户选择的小时、分钟

{

  odatelayer.meizzHourHead.innerText = meizzTheHour + " 时";

    odatelayer.meizzMinuteHead.innerText = meizzTheMinute + " 分";

    odatelayer.meizzSecondHead.innerText = meizzTheSecond + " 秒";

    WriteDateTo(meizzTheYear, meizzTheMonth, meizzTheDate, meizzTheHour, meizzTheMinute, meizzTheSecond)

}

 

function evaSetTimeNothing() //设置时间控件为空
{
    odatelayer.meizzHourHead.innerText = "";
    odatelayer.meizzMinuteHead.innerText = "";
    odatelayer.meizzSecondHead.innerText = "";
    WriteDateTo(meizzTheYear, meizzTheMonth, meizzTheDate, meizzTheHour, meizzTheMinute, meizzTheSecond)
}
function evaSetTimeNow() //设置时间控件为当前时间

{

    odatelayer.meizzHourHead.innerText = new Date().getHours() + " 时";

    odatelayer.meizzMinuteHead.innerText = new Date().getMinutes() + " 分";

    odatelayer.meizzSecondHead.innerText = new Date().getSeconds() + " 秒";

    meizzTheHour = new Date().getHours();

    meizzTheMinute = new Date().getMinutes();

    meizzTheSecond = new Date().getSeconds();

    WriteDateTo(meizzTheYear, meizzTheMonth, meizzTheDate, meizzTheHour, meizzTheMinute, meizzTheSecond)

}

 

function UseTime(ctl) {

    bUseTime = !bUseTime;

    if (bUseTime) {

        bImgSwitch();

        ctl.innerHTML = bImg;

        evaSetTime();   //显示时间,用户原来选择的时间

        //evaSetTimeNow(); //显示当前时间

    }

    else {

        bImgSwitch();

        ctl.innerHTML = bImg;

        evaSetTimeNothing();

    }

}

 

function WriteDateTo(yy, mm, n, hh, mi, se) {

    if (bUseTime) {

        outObject.value = yy + "-" + format(mm) + "-" + format(n) + " " + format(hh) + ":" + format(mi) + ":" + format(se); //注:在这里你可以输出改成你想要的格式

    }

    else {

        outObject.value = yy + "-" + format(mm) + "-" + format(n); //注:在这里你可以输出改成你想要的格式

    }

}

 

function bImgSwitch() {

    if (bUseTime) {

        bImg = "开启";

    }

    else {

        bImg = "关闭";

    }

}