js获取日期、时间、日期常用方法、时间计算并格式化和实现电子表

最新推荐文章于 2023-05-05 16:10:12 发布

ProjectNo

最新推荐文章于 2023-05-05 16:10:12 发布

阅读量1.3k

点赞数 1

分类专栏：前端文章标签：电子表 javascript 格式化时间时间计算日期常用方法

本文链接：https://blog.csdn.net/projectNo/article/details/78211002

版权

前端专栏收录该内容

17 篇文章 4 订阅

订阅专栏

1、获取JavaScript 的时间使用内置的Date函数完成

var mydate = new Date();
mydate.getYear(); //获取当前年份(2位)
mydate.getFullYear(); //获取完整的年份(4位,1970-????)
mydate.getMonth(); //获取当前月份(0-11,0代表1月)
mydate.getDate(); //获取当前日(1-31)
mydate.getDay(); //获取当前星期X(0-6,0代表星期天)
mydate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
mydate.getHours(); //获取当前小时数(0-23)
mydate.getMinutes(); //获取当前分钟数(0-59)
mydate.getSeconds(); //获取当前秒数(0-59)
mydate.getMilliseconds(); //获取当前毫秒数(0-999)
mydate.toLocaleDateString(); //获取当前日期
var mytime=mydate.toLocaleTimeString(); //获取当前时间
mydate.toLocaleString( ); //获取日期与时间

2、日期时间脚本库方法列表

Date.prototype.isLeapYear 判断闰年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期计算
Date.prototype.DateDiff 比较日期差
Date.prototype.toString 日期转字符串
Date.prototype.toArray 日期分割为数组
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天数
Date.prototype.WeekNumOfYear 判断日期所在年的第几周
StringToDate 字符串转日期型
IsValidDate 验证日期有效性
CheckDateTime 完整日期时间检查
daysBetween 日期天数差
3、时间计算并格式化
（1）给时间加上固定的值

var d = new Date();
d.setMonth(d.getMonth() + 1);
/**加一个月，同理，可以加一天：getDate()+1，加一年：getYear()+1，加一小时：getHours()+1，加一分钟：getMinutes()+1，加一秒：getSeconds()+1，加一毫秒：getMilliseconds()+1。*/
console.log(d.format("yyyy-MM-dd HH:mm:ss"));

（2）时间相加减

var d1 = new Date();
var d2 = new Date();
d1.setSeconds(d.getSeconds() + 1);
time = parseInt(d1 - d2);//相加减之后是字符串（单位是毫秒），用parseInt()可以转为数字
d.setMonth(d.getMonth() + 1);
console.log(d.format("yyyy-MM-dd HH:mm:ss"));//format()可以格式化时间，注意月份M和小时H为大写，如果用其他方式格式化时间月份要加1

4、电子表

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>一个函数实现电子表</title>
    </head>
    <body>


        <label id="time" style="font-size: 26px; "></label>
        <script type="text/javascript">
            startime();
            function startime(){
                var t=new Date();//创建一个date的对象，才可以引用相关的date
                var h=t.getHours();//获取小时0-23
                var m=t.getMinutes();//获取分钟0-59
                var s=t.getSeconds();//获取秒0-59
                if(m<10)//格式化分钟，小于10的显示"0"+m，例如2显示02
                {
                    m="0"+m;
                }
                if(s<10)//格式化秒，小于10的显示"0"+s，例如2显示02
                {
                    s="0"+s;
                }
                document.getElementById('time').innerHTML=h+':'+m+':'+s;

                //第一个参数是要加上引号的，重新调用了原来的函数，实现了刷新的功能；第二个参数是表示刷新的时间，单位毫秒
                t=setTimeout("startime()",500 );
            }
        </script>
    </body>
</html>

ProjectNo

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取日期、时间、日期常用方法、时间计算并格式化和实现电子表

代码如下，注释很全，代码很简单<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>一个函数实现电子表</title> </head> <body> <label id="time" style="font-s
复制链接

扫一扫