js日历

原创 2015年07月09日 10:50:48

转载请标明http://blog.csdn.net/kylinhao/article/details/46813879
这里直接附代码了

/**
 * Created by kylinhao on 2015/6.
 */
Date.prototype.isLeapYear = function () {
    return (0 == this.getYear() % 4 && ((this.getYear() % 100 != 0) || (this.getYear() % 400 == 0)));
}

Date.prototype.format = function (format) {
    var o = {
        "M+": this.getMonth() + 1, //month
        "d+": this.getDate(), //day
        "h+": this.getHours(), //hour
        "m+": this.getMinutes(), //minute
        "s+": this.getSeconds(), //second
        "q+": Math.floor((this.getMonth() + 3) / 3), //quarter
        "S": this.getMilliseconds() //millisecond
    }
    if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
        (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)if (new RegExp("(" + k + ")").test(format))
        format = format.replace(RegExp.$1,
            RegExp.$1.length == 1 ? o[k] :
                ("00" + o[k]).substr(("" + o[k]).length));
    return format;
}

function calendar() {
    var arr = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
    var now = new Date();
    //当天是第几天
    var day = now.getDate();
    // 获取当天是周几
    var week = now.getDay();
    var month = now.getMonth();
    if (Date.prototype.isLeapYear != 0)
        arr[2] = 29;
    r = day % 7;
    if (r == 0)
        r = 7;
    // 得到星期一是周几
    var week1 = (week + 7 - (r - 1)) % 7;
    var table = document.getElementById("calendar-table");
    var name = document.getElementById("calendar-name");
    var time = document.getElementById("calendar-time");
    var newRow = table.insertRow(table.rows.length);
    for (var j = 0; j < week1; j++) {
        var cell = newRow.insertCell(newRow.cells.length);
        cell.innerHTML = ""
    }
    var i = 1;
    while (i <= arr[month]) {
        if (week1 != 7) {
            var cell = newRow.insertCell(newRow.cells.length);
            cell.innerHTML = i;
            //cell.style.fontSize ="19px"
            //cell.style.color = "gray"
            if (i == day) {
                cell.style.backgroundColor = "#66afe9"
                cell.style.color = "white"
            }
            week1++;
            i++;
        }
        else {
            week1 = 0;
            newRow = table.insertRow(table.rows.length);
        }
    }
    while (week1 < 7) {
        var cell = newRow.insertCell(newRow.cells.length);
        cell.innerHTML = "";
        week1++;
    }

    month = month + 1;
    name.innerHTML = month + "月日历";
    time.innerHTML = now.format("yyyy-MM-dd hh:mm:ss");
}

效果如下

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js日历控件集合

在进行开发的过程中,经常需要输入时间,特别是在进行查询、统计的时候,时间限定更为重要。       尽管ASP.NET也集成了日历控件,但是其集成的代码量很大,你可以做一个测试,当你在页面使用一个日...

(转)js日历特效

在做项目的时候,需要一个日历的功能,

日历js

1、首先新建一个名为selectdate.js的文件,并将以下代码复制进JS里面   function openScript(url, width, height){  var Win = win...

js实现日历效果

前面html、css部分就不上传了,主体部分就是span里放头部的年和月,table里放每个月的时间,下面是js部分的代码              window.onload=functi...

JS创建日历控件

// JavaScript Document /******************************************************************** 主题:基于...

js之widget日历datepicker

一、日历配置 inline: true, defaultDate: 0,//当前时间 若将0改为+1,则为当前时间后的一天 gotoCurrent: tr...

Js双日历选择器

废话不多说,直接效果图,觉得能用的上的,自己去下 示例代码: DatePicker Demo <script type="t

超强 DOM增删改,js日历综合案例实现

DOM增删改,js日历综合案例实现

js 日历控件

学习js后自己写的一个js 日历控件,只设置了2011年

JS特效--跟随鼠标移动的日历时钟

跟随鼠标移动的日历时钟
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)