首页 > 其他分享 >moment使用方法

moment使用方法

时间:2022-10-14 00:55:34浏览次数:39  
标签:02 00 format moment 2022 使用 calendar 方法

引入:

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/locale/af.js"></script>

格式化期

moment().format('MMMM Do YYYY, h:mm:ss a'); // 三月 3日 2022, 12:00:00 凌晨
moment().format('dddd');                    // 星期四
moment().format("MMM Do YY");               // 3月 3日 22
moment().format('YYYY [escaped] YYYY');     // 2022 escaped 2022
moment().format();                         

相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 10 年前
moment("20120620", "YYYYMMDD").fromNow(); // 10 年前
moment().startOf('day').fromNow();        // 1 分钟前
moment().endOf('day').fromNow();          // 1 天内
moment().startOf('hour').fromNow();       // 1 分钟前
                                      

日历时间

moment().subtract(10, 'days').calendar(); // 2022/02/21
moment().subtract(6, 'days').calendar();  // 上星期五00:02
moment().subtract(3, 'days').calendar();  // 上星期一00:02
moment().subtract(1, 'days').calendar();  // 昨天00:02
moment().calendar();                      // 今天00:02
moment().add(1, 'days').calendar();       // 明天00:02
moment().add(3, 'days').calendar();       // 下星期日00:02
moment().add(10, 'days').calendar();     

多语言支持(简体中文格式)

moment.locale();         // zh-cn
moment().format('LT');   // 00:02
moment().format('LTS');  // 00:02:34
moment().format('L');    // 2022/03/03
moment().format('l');    // 2022/3/3
moment().format('LL');   // 2022年3月3日
moment().format('ll');   // 2022年3月3日
moment().format('LLL');  // 2022年3月3日凌晨12点02分
moment().format('lll');  // 2022年3月3日 00:02
moment().format('LLLL'); // 2022年3月3日星期四凌晨12点02分
moment().format('llll'); // 2022年3月3日星期四 00:02

标签:02,00,format,moment,2022,使用,calendar,方法
From: https://www.cnblogs.com/szfzb/p/16790217.html

相关文章

  • Echart使用
    EChart目录目录EChart官网导入大体架构视图大小官网https://echarts.apache.org/zh/index.html导入<scriptsrc="https://cdn.bootcdn.net/ajax/libs/echarts/5.3......
  • Containerd-1.6.5 命令空间和task使用
    一、命令空间每个顶级配置块的命名都是plugin."io.containerd.xxx.xxx.xxx"这种形式,其实每个顶级配置块都代表一个插件。其中io.containerd.xxx.xxx表示插件类型,xxx后面......
  • 动手动脑--构造方法
    为什么子类的构造方法在运行之前,必须调用父类的构造方法?能不能反过来?为什么?构造函数是一种特殊的方法。主要用来在创建对象时初始化对象,即为对象成员变量赋初始值,总与ne......
  • 实验一 C语言开发环境使用和编程初体验
    实验任务一//实验任务一#include<stdio.h>intmain(){printf("O\n");printf("<H>\n");printf("II\n");return0;}task1_1.c//实验任......
  • 动手实验:继承条件下的构造方法调用
    -子类自动拥有父类声明为public和protected的成员,这就是继承特性的体现之一。-public:外界可自由访问-private:外界不可访问-protected:同一包中的子类都可以访问,另一包......
  • 使用 Vue-cli 脚手架创建项目
    本次以WIN10系统为例,其他系统略有差异。第一步,安装npm:进入Node.js官网下载左侧稳定版,因为node包含npm由于node包含npm,所以我们只需要安装node就好了。进入Node.js官网首......
  • Oracle PDB的相关使用说明
    OraclePDB的相关使用说明摘要PDBpluggabledatabase是Oracle12c以上的版本(Oracle18c.oracle19c)新增加的一个特性.他可以实现灵活插拔的方式进行PDB的创建于使......
  • bootstrap table + java 分页案例 --- 两种分页方法详细解析
    本文主要介绍了使用bootstraptable与java实现的数据拉取与分页展示的2个案例。第一个案例通过分页参数limit与offset直接从数据查询,第二个案例则是使用com.g......
  • 你真的懂谜男方法PDF吗?
    之前我听说过谜男方法后,感觉这本书挺不错的,在网上找了好久,终于找到谜男方法PDF微盘资源了,我通读了谜男方法PDF,把妹达人PDF,约会倍增术等书籍,而且看了网络上各种情感......
  • 解决 vue 项目使用 swiper 遇到设置轮播图自动播放不生效问题
    前言项目使用到swiper插件实现轮播图的功能,引入插件放上数据后,设置自动播放,但是发现没起效果,手动拖动可以解决方法安装指定版本可以安装以下版本的,设置自动播放没有......