返回

js 获取时间日期以及好用的库

发布时间:2022-12-02 22:09:21 276
# 前端# npm# 工具

前言

在前端开发中,总是离不开时间、日期的操作,尤其是一些观测系统、值班系统这些操作甚至更多。今天来熟悉一下常用的获取时间日期方法,以及好用的第三方库。

Date 对象

js 提供了Date对象来处理日期和时间,使用时用 new Date() 创建。

下图为一下常用的方法:

image.png

这里需要注意一下getMonth()方法返回值范围是(0 ~ 11),也是当其返回7时,就表示当前月份是8月;

getDay() 也是同理。返回值范围是(0-6),返回6时,表示当前是星期日。

时间戳转 yyyy-MM-dd hh:mm:ss 格式

new Date().getTime() //获取时间戳

        const timeConversion = function (time) {
            var date = new Date(time);
            Y = date.getFullYear() + '-';
            M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
            D = date.getDate() + ' ';
            h = date.getHours() + ':';
            m = date.getMinutes() + ':';
            s = date.getSeconds();
            return Y+M+D+h+m+s;
        }

传入一个时间戳即可转为 yyyy-MM-dd hh:mm:ss 格式

image.png

第三方库

在工作学习中,多熟悉几个第三方库是必要的,它可以大大的提示我们的工作效率,更可以让我们多一个解决的问题方案。

Moment Moment.js 是一个 JavaScript 日期处理类库(npm包), 非常方便好用。

image.png

dayjs

ay.js 是一个轻量Moment.js,和 Moment.js 的用法基本一致。

image.png

date-fns

ate-fns提供了最全面,最简单和一致的工具集,用于在浏览器和 Node.js 中操作 JavaScript 日期。

image.png

结语

本文到此结束

如果大家还有什么其他想法,欢迎在评论区交流!

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线