Moment 被设计为在浏览器和 Node.js 中都能工作。

安装

npm install moment --save # npm
yarn add moment # Yarn

使用

/**
* Features: 时间日期格式化工具
* official website docs: http://momentjs.cn/docs/#/i18n/
*/
import moment from 'moment';
let time = {
getDateTime: function (dateTime) {
return moment(dateTime, 'YYYY-MM-DD HH:mm:ss');
},
getTime: function (dateTime) {
return moment(dateTime, 'HH:mm:ss');
},
parseDateTime: function (dateTime) {
return moment(dateTime).format('YYYY-MM-DD HH:mm:ss');
},
parseDateTimeNoS: function (dateTime) {
return moment(dateTime).format('YYYY-MM-DD HH:mm');
},
parseTime: function (dateTime) {
return moment(dateTime).format('HH:mm:ss');
},
getCustomTime: function (formatStr, dateTime) {
return moment(dateTime, formatStr);
},
parseCustomTime: function (formatStr, dateTime) {
return moment(dateTime).format(formatStr);
},
//时间转换时间戳
transToTimeStamp: function(date) {
if(date){
return Math.round(new Date(date).getTime() / 1000);
} return undefined;
},
utcTimeList: [
{ id: "0", name: "GMT-12:00", key: "GMT-12:00" },
{ id: "1", name: "GMT-11:00", key: "GMT-11:00" },
{ id: "2", name: "GMT-10:00", key: "GMT-10:00" },
{ id: "3", name: "GMT-09:30", key: "GMT-09:30" },
{ id: "4", name: "GMT-09:00", key: "GMT-09:00" },
{ id: "5", name: "GMT-08:00", key: "GMT-08:00" },
{ id: "6", name: "GMT-07:00", key: "GMT-07:00" },
{ id: "7", name: "GMT-06:00", key: "GMT-06:00" },
{ id: "8", name: "GMT-05:00", key: "GMT-05:00" },
{ id: "9", name: "GMT-04:30", key: "GMT-04:30" },
{ id: "10", name: "GMT-04:00", key: "GMT-04:00" },
{ id: "11", name: "GMT-03:30", key: "GMT-03:30" },
{ id: "12", name: "GMT-03:00", key: "GMT-03:00" },
{ id: "13", name: "GMT-02:30", key: "GMT-02:30" },
{ id: "14", name: "GMT-02:00", key: "GMT-02:00" },
{ id: "15", name: "GMT-01:00", key: "GMT-01:00" },
{ id: "16", name: "GMT+00:00", key: "GMT+00:00" },
{ id: "17", name: "GMT+01:00", key: "GMT+01:00" },
{ id: "18", name: "GMT+02:00", key: "GMT+02:00" },
{ id: "19", name: "GMT+03:00", key: "GMT+03:00" },
{ id: "20", name: "GMT+03:30", key: "GMT+03:30" },
{ id: "21", name: "GMT+04:00", key: "GMT+04:00" },
{ id: "22", name: "GMT+04:30", key: "GMT+04:30" },
{ id: "23", name: "GMT+05:00", key: "GMT+05:00" },
{ id: "24", name: "GMT+05:30", key: "GMT+05:30" },
{ id: "25", name: "GMT+05:45", key: "GMT+05:45" },
{ id: "26", name: "GMT+06:00", key: "GMT+06:00" },
{ id: "27", name: "GMT+06:30", key: "GMT+06:30" },
{ id: "28", name: "GMT+07:00", key: "GMT+07:00" },
{ id: "29", name: "GMT+08:00", key: "GMT+08:00" },
{ id: "30", name: "GMT+08:45", key: "GMT+08:45" },
{ id: "31", name: "GMT+09:00", key: "GMT+09:00" },
{ id: "32", name: "GMT+09:30", key: "GMT+09:30" },
{ id: "33", name: "GMT+10:00", key: "GMT+10:00" },
{ id: "34", name: "GMT+10:30", key: "GMT+10:30" },
{ id: "35", name: "GMT+11:00", key: "GMT+11:00" },
{ id: "36", name: "GMT+11:30", key: "GMT+11:30" },
{ id: "37", name: "GMT+12:00", key: "GMT+12:00" },
{ id: "38", name: "GMT+12:45", key: "GMT+12:45" },
{ id: "39", name: "GMT+13:00", key: "GMT+13:00" },
{ id: "40", name: "GMT+14:00", key: "GMT+14:00" }
]
}
export default time;
export const getDateTime = time.getDateTime;
export const getTime = time.getTime;
export const parseDateTime = time.parseDateTime;
export const parseDateTimeNoS = time.parseDateTimeNoS;
export const parseTime = time.parseTime;
export const parseCustomTime = time.parseCustomTime;
export const getCustomTime = time.getCustomTime;
export const transToTimeStamp = time.transToTimeStamp;

延伸:时间
https://www.debugger.wiki/article/html/1611858960268257

moment日期处理类库的更多相关文章

  1. Moment.js 超棒Javascript日期处理类库

    Moment.js 不容错过的超棒Javascript日期处理类库 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date ...

  2. Monent.js:强大的日期处理类库

    一.介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过new Dat ...

  3. [Javascript] 5个最佳的Javascript日期处理类库

    在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应 ...

  4. moment.js(日期处理类库)的使用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Javascript日期处理类库Moment.js

    1.组件详情地址Moment.js中文网 http://momentjs.cn/ 2.几个方法: (1) 日期格式化 moment().format(); // 2016-02-29T14:03:30 ...

  6. Moment-JavaScript 日期处理类库

    来源:http://momentjs.cn/ 日期格式化 moment().format('MMMM Do YYYY, h:mm:ss a'); // 二月 22日 2017, 4:04:26 下午 ...

  7. 推荐一个 JavaScript 日期处理类库 Moment.js

    官网: http://momentjs.com/ 处理时间的展示,很方便. 安装 bower install moment --save # bower npm install moment --sa ...

  8. Java 日期处理类库Joda-Time简介

    http://www.ibm.com/developerworks/cn/java/j-jodatime.html 登录 (或注册) 中文 IBM 技术主题 软件下载 社区 技术讲座 搜索 devel ...

  9. [Javascript] 轻量级的JavaScript日期处理类库xDate使用指南

    XDate是一个请谅解的JavaScript的原生Date对象的封装库,提供增强的功能解析,格式化和日期处理.使用起来就和JavaScript自己的对象和方法一样,非常简单. XDate是一个请谅解的 ...

  10. 7kb的javascript日期操作类库(XDate)

    A Modern JavaScript Date Library XDate is a thin wrapper around JavaScript's native Date object that ...

随机推荐

  1. keycloak~AbstractJsonUserAttributeMapper的作用

    AbstractJsonUserAttributeMapper 它是一个抽象类,用来更新条件更新用户属性(user_attribute)的信息,我们在实现自己的mapper时,需要关注3个方法,下面分 ...

  2. Nginx配置网站默认https

    Nginx配置网站默认https 一.安装Nginx yum install nginx -y 二.修改nginx.conf vim /etc/nginx/nginx.conf 配置80转443 配置 ...

  3. 2021-8-5 Microsoft文档学习笔记(C#)

    以下列表概述了类可以包含的成员类型. 常量:与类相关联的常量值 字段:与类关联的变量 方法:类可执行的操作 属性:与读取和写入类的已命名属性相关联的操作 索引器:与将类实例编入索引(像处理数组一样)相 ...

  4. SpringBoot 启动流程分析(寻找扩展点)

    1.SpringBoot maven 依赖版本 <?xml version="1.0" encoding="UTF-8"?> <project ...

  5. Powe AutoMate:列表操作

    大纲 记录对列表的操作 创建列表 向列表中添加元素 添加多个 合并列表 运行结果 反转列表 反转前 反转后 删除列表中的重复项 结果: 减去列表 结果:

  6. CSS:使用透明色

    使用如下代码: background-color="#00000000"

  7. error: failed to push some refs to 'https://gitee.com/xxxxxxxxx/xxxxxxxt'

    原因是ReadMe文件不在本地中, 此时我们要执行git pull --rebase origin master命令README.md拉到本地, 任何然后执行git push origin maste ...

  8. 青少年CTF平台-Web-POST&GET

    题目描述 一星简单题,看我如何给你过了. 启动环境,等待三十秒先喝口水. 做题过程 访问题目地址,说让我们用GET方式提交一个名称为get且值为0的变量. 在URL后面加上?get=0,回车.已经成功 ...

  9. 手把手教你使用人工智能生成游戏 3D 素材

    引言 生成式 AI 已成为游戏开发中艺术工作流的重要组成部分.然而,正如我在 之前的文章 中描述的,从文本到 3D 的实用性仍落后于 2D.不过,这种情况正在改变.本文我们将重新审视 3D 素材生成的 ...

  10. 【page cache】简介

    目录 page cache 直接 IO 与 缓存 IO Linux IO 栈 Linux 中的具体实现 相关结构体 超级块 super_block 索引节点 inode 文件 file 目录项 den ...