参考http://momentjs.cn/

下载

moment.js

moment.min.js 12.4k

moment+多语言支持.js

moment+多语言支持.min.js 45.4k

安装

  1. bower install moment --save # bower
  2. npm install moment --save # npm
  3. Install-Package Moment.js # NuGet
  4. spm install moment --save # spm
  5. meteor add momentjs:moment # meteor

日期格式化

  1. moment().format('MMMM Do YYYY, h:mm:ss a'); // 十月 30日 2018, 10:38:56 上午
  2. moment().format('dddd'); // 星期二
  3. moment().format("MMM Do YY"); // 10月 30日 18
  4. moment().format('YYYY [escaped] YYYY'); // 2018 escaped 2018
  5. moment().format(); // 2018-10-30T10:38:56+08:00

相对时间

  1. moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
  2. moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
  3. moment().startOf('day').fromNow(); // 11 小时前
  4. moment().endOf('day').fromNow(); // 13 小时内
  5. moment().startOf('hour').fromNow(); // 39 分钟前

日历时间

  1. moment().subtract(10, 'days').calendar(); // 2018年10月20日
  2. moment().subtract(6, 'days').calendar(); // 上周三上午10点38
  3. moment().subtract(3, 'days').calendar(); // 上周六上午10点38
  4. moment().subtract(1, 'days').calendar(); // 昨天上午10点38分
  5. moment().calendar(); // 今天上午10点38分
  6. moment().add(1, 'days').calendar(); // 明天上午10点38分
  7. moment().add(3, 'days').calendar(); // 本周五上午10点38
  8. moment().add(10, 'days').calendar(); // 2018年11月9日

在vue项目中以过滤器的形式使用momentjs

JS时间控件 moment.js用法的更多相关文章

  1. easyui时间控件用js实时获取选定的时间的取法

    easyui时间控件用js实时获取选定的时间的取法var   datetime=$("#id").datetimebox("getValue");不能用 $(& ...

  2. [转]一种简单的js时间控件

    使用方法: 粘贴代码到文本文档中,文档名称为datetime.js,然后在html文件中引用如下代码即可 <input name="shijian1" id="sh ...

  3. 一款比较好用的JS时间控件-laydate

      官方讲解:http://laydate.layui.com/ 具体的内容请看官方讲解,此处仅说名应用: 1.在jsp或html或其他中引入laydate.js <script src=&qu ...

  4. 时间控件My97简单用法

    my97的用法很是简单,项目中用到,查了资料才找到的,简单使用,记一下,方便查阅. 1.添加依赖. <script language="javascript" type=&q ...

  5. 在JSP页面里,时间控件的JS位置在下面然后就显示不出来

    在JSP页面里,时间空间的JS位置在下面然后就显示不出来,放到前面然后就显示出来了, 情何以堪啊,开始还以为是什么错误.

  6. 只显示年月的js时间控件 纯手写

    <style> #date { text-align: center; } .td { cursor: pointer; } </style> <script> f ...

  7. jquery-ui日期时间控件实现

    日期控件和时间控件为独立控件,日期时间控件要同一时候导入日期控件和时间控件的js,然后在日期控件加入时间控件显示參数,没有导入时间控件js.日期控件函数设置的时间控件參将包错 日期控件官网网址:htt ...

  8. WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)

    WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)   4. 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致 你可以给通过配 ...

  9. js实现时间控件

    <html><head> <title>时间控件</title></head><body > <input name=&q ...

随机推荐

  1. General框架如何实现多数据库支持

    关于用C#实现多数据库支持的方式,大家都会多少了解,本文从General框架的开发思路角度详细介绍General框架实现多数据库支持的方式,使更多的人了解General框架的底层实现并得到所需的相关知 ...

  2. bzoj1735 [Usaco2005 jan]Muddy Fields 泥泞的牧场

    传送门 分析 我们知道对于没有障碍的情况就是将横轴点于纵轴点连边 于是对于这种有障碍的情况我们还是分横轴纵轴考虑 只不过对于有障碍的一整条分为若干个无障碍小段来处理 然后将标号小段连边,跑最大匹配即可 ...

  3. CF 671D Roads in Yusland

    弄完之后点进去一看,竟然是div1的D题……最近真是天天被题虐哭 推荐这一篇博客 https://www.cnblogs.com/Sakits/p/8085598.html 感觉讲清楚了,也是基本照着 ...

  4. 数据结构_成绩查询_cjcx

    问题描述 录入 n 个学生的成绩,并查询.★数据输入第一行输入包括 n. m(1<=n<=50,000,1<=m<=100,000)两个数字.接下来 n 行,每行包含名字和成绩 ...

  5. [转载]Redhat Enterprise 6.1 如何使用免费的CentOS的yum源

    Redhat Enterprise 6.1 如何使用免费的CentOS的yum源 graybull posted @ 2013年2月18日 22:29 in Unix/Linux with tags  ...

  6. 机器学习基石笔记:11 Linear Models for Classification、LC vs LinReg vs LogReg、OVA、OVO

    原文地址:https://www.jianshu.com/p/6f86290e70f9 一.二元分类的线性模型 线性回归后的参数值常用于PLA/PA/Logistic Regression的参数初始化 ...

  7. 解决VMware Workstation 不可恢复错误: (vcpu-0)

    转载:http://tieba.baidu.com/p/3487673152 如图的错误 如果你按照破解了mac支持的VMware Workstation 11的新建虚拟机向导一步一步创建了一个mac ...

  8. Vim编辑器的学习

    在老师的带领下,最近也算是涨了见识.自己安装并尝试着体验了Vim的一些基本功能,可能是作为初学者,总感觉其指令太过复杂,就文本编辑而言,给我的最大感受就是神而乎之,一头雾水.目前我对这款编译器的掌握水 ...

  9. JS图片转Base64

    网络上有很多片介绍通过js将图片转换成base64的文章,之所以再写这篇文章的原因时发现没有找到系统的介绍的文章,有的介绍如何实现本地项目的图片转码,有的介绍如何实现网络资源的图片转化,但是系统介绍的 ...

  10. Angular2使用ng2-file-upload上传文件

    Angular2中有两个比较好用的上传文件的第三方库,一个是ng2-file-upload,一个是ng2-uploader.ng2-uploader是一个轻便的上传文件的支持库,功能较弱,而ng2-f ...