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. Java服务刚启动时,一小波接口超时排查全过程

    原创:扣钉日记(微信公众号ID:codelogs),欢迎分享,非公众号转载保留此声明. 简介 我们组有一个流量较大的Java服务,每次发代码时,服务都会有一小波接口超时,之前简单分析过,发现这些超时的 ...

  2. 黑马2023最新版Java学习路线和资料地址

    地址:https://pan.baidu.com/s/1LxIxcHDO7SYB96SE-GZfuQ 提取码:dor4

  3. Vue笔记(一)

    1. Vue.js是什么? 1). 一位华裔前Google工程师(尤雨溪)开发的前端js库 2). 作用: 动态构建用户界面 3). 特点: * 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高 ...

  4. loader的三种配置方式

    在这篇 webpack处理css资源 文章中使用几个常用的loader 来编译 css 代码. 但其实 loader 的配置方式不止一种,一起来看看其它方式~ 在 webpack.config.js ...

  5. 让nodejs开启服务更简单--koa篇

    在nodejs原始的http模块中,开启一个服务编码相对麻烦,需要对请求方式及上传的数据进行各种判断,而koa给我们提供了比较便捷的编码方式,同时它还有很多中间件可以直接拿来使用.   首先来看,如何 ...

  6. uniapp 只选择月份与日的时间选择器

    1.使用 <picker> 组件的 mode 属性设置为 "multiSelector",然后通过设置 range 属性来提供可选的月份和日的列表. <templ ...

  7. 将excel中的多列内容合并为一列

    有需求,就有方法.实现如下: 1. 需求: 将A.B两列数据合并为一列 2. 方法: 2.1 在C列输入A.B两列合并后的数据:501001001 2.2 选中C列,按组合键 Ctrl+E,在C列中就 ...

  8. CF992E Nastya and King-Shamans 题解

    传送门 分析 由于满足 \(a_i\ge0\),所以 \(s_i\) 单调不减. 当我们找到一个 \(i\) 时,不管 \(i\) 是否满足,下一个可能的一定大于等于 \(a_i+s_{i-1}\). ...

  9. 设置服务账号Service Accounts(sa)的token不挂载到pod

    目录 一.系统环境 二.前言 三.Service Accounts(sa)简介 四.在pod里设置sa的token不挂载到pod 五.在sa里设置sa对应的token不挂载到pod上 六.总结 一.系 ...

  10. pycurl库使用详解

    要使用pycurl库 要初始化一个curl对象 c = pycurl.Curl() 设置选项 c.setopt