方法:1、使用“npm install moment --save”安装moment;2、在组件中使用import语句引入moment;3、使用monent提供的方法来获取日期,例“moment().format();”获取当前时间。

本教程操作环境:windows7系统、React16版,该方法适用于所有品牌电脑。

在写项目时,我们有时需要获取当前时间,这时我们除了用之前 js 获取日期的方式之外,也可以使用 moment 来获取日期。

1、安装 momentnpm install moment --save

2、引入 momentimport moment from 'moment'

3、使用 moment

获取当前时间://获取 当前时间

moment().format('YYYY-MM-DD HH:mm:ss'); //2020-08-25 10:23:59

//获取年份

moment().year(); //2020

moment().get('year'); //2020

//获取月份(0:一月份 11: 12月份 )

moment().month(); //7

moment().get('month'); //7

//获取一个月的某一天

moment().date(); //25

moment().get('date'); //25

//获取小时

moment().hours(); //11

moment().get('hours'); //11

//获取分钟

moment().minutes(); //11

moment().get('minutes'); //11

//获取秒数

moment().seconds(); //17

moment().get('seconds'); //17

//获取 今天星期几

moment().format('dddd'); //Tuesday

moment().format('d'); //2

moment().day(); //2(0~6 分别代表周日到周六)

moment().weekday(); //2(0~6 分别代表周日到周六)

moment().isoWeekday(); //2(1~7 分别代表周一到周日)

moment().get('date'); //2

moment().get('weekday'); //2

moment().get('isoWeekday'); //2

设置时间://设置年份

moment().year(2019);

moment().set('year', 2019);

moment().set({year: 2019});

//设置月份

//0~11, 0: 1月份, 11: 12月份

moment().month(8);

moment().set('month', 8);

//设置 某个月中的某一天 某个周中的某一天 小时 分钟 秒数 同上,这里就不写了

格式化指定时间://格式化指定时间

moment(time).format('YYYY-MM-DD');

时间差:now_time.diff(start_time,"hour"); //小时数

now_time.diff(start_time,"minute"); //分钟数

now_time.diff(start_time,"second"); //现在和初始时间相差的秒数

now_time.diff(start_time, 'months'); //月数

now_time.diff(start_time, 'weeks'); //周数

now_time.diff(start_time, 'days'); //天数

相对时间://add 加时间

//subtract 减时间

moment().subtract(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-15 10:51:48

moment().subtract(6, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-19 10:51:48

moment().subtract(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-22 10:51:48

moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //前一天:2020-08-24 10:51:48

moment().format('YYYY-MM-DD HH:mm:ss'); //当前时间:2020-08-25 10:51:48

moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //后一天:2020-08-26 10:51:48

moment().add(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-28 10:51:48

moment().add(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-09-04 10:51:48

moment().subtract(1, 'year').format('YYYY-MM-DD HH:mm:ss'); //前一年:

moment().add(1, 'year').format('YYYY-MM-DD HH:mm:ss'); //后一年:

moment().subtract(1, 'hours').format('YYYY-MM-DD HH:mm:ss'); //前一小时:

moment().add(1, 'hours').format('YYYY-MM-DD HH:mm:ss'); //后一小时:// startOf 设置为起始时间

moment("20111031", "YYYYMMDD").fromNow(); //9 years ago

moment().startOf('day').fromNow(); //11 hours ago

moment().startOf('hour').fromNow(); //an hour ago

moment().endOf('day').fromNow(); //in 13 hours

moment().endOf('hour').fromNow(); //in 15 minutes

//年初

moment().startOf('year').format('YYYY-MM-DD HH:mm:ss'); //2020-01-01 00:00:00

//月初

moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'); //2020-08-01 00:00:00

//日初

moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'); //2020-08-25 00:00:00

//周初 本周第一天(周日)

moment().startOf('week').format('YYYY-MM-DD HH:mm:ss'); //2020-08-23 00:00:00

//本周周一初

moment().startOf('isoWeek').format('YYYY-MM-DD HH:mm:ss'); //2020-08-24 00:00:00

更多编程相关知识,请访问:编程视频课程!!

react 显示当前时间_react中monent如何获取日期?相关推荐

  1. react 显示当前时间_React 灵魂 23 问,你能答对几个?

    1.setState 是异步还是同步? 合成事件中是异步 钩子函数中的是异步 原生事件中是同步 setTimeout中是同步 相关链接: 你真的理解setState吗? 2.聊聊 react@16.4 ...

  2. react 显示当前时间_react 日期

    1.首先安装moment : npm install moment --save 2.在文件中引用: import moment from 'moment' 3.使用方式: 当前时间:moment() ...

  3. react 显示当前时间_React获取最近三个月的日期组件

    import React, { memo } from 'react' import dayjs from 'dayjs' import { classnames } from 'classnames ...

  4. react 快速上手开发_React中测试驱动开发的快速指南

    react 快速上手开发 by Michał Baranowski 通过MichałBaranowski React中测试驱动开发的快速指南 (A quick guide to test-driven ...

  5. react接收后端文件_React如何从后端获取数据并渲染到前端?

    ajax和json对于reactjs来说主要是表现形式不同,但最终都会变成js object,根据具体情况不同而选择. 比如我们建立一个用于筛选网站提供能够的服务项目(service)的页面,这个页面 ...

  6. linux怎么显示cp时间,Linux中cp文件或目录时如何显示进度?

    Linux中cp文件或目录时如何显示进度? 用法:cp [选项]... [-T] 源文件 目标文件 或:cp [选项]... 源文件... 目录 或:cp [选项]... -t 目录 源文件... 将 ...

  7. datepick二格式 化时间_DateTimePicker中自定义时间或日期显示格式

    在DateTimePicker中把Format 选择为Cutstom,然后在CutstomFormat写入格式字符串,介绍如下: 如何你显示10:05 Am,则写成:HH:mm tt(区分大小写) 要 ...

  8. Linux使用shell命令显示系统时间,Linux操作系统的Shell命令:日期格式

    不管是哪种语言,日期/时间都是一个非常重要的值.比如我们保存日志的时候,往往是某个前缀再加上当前时间,这样日志文件名称就可以做到唯一. 在Shell环境里,我们获取时间的命令是date,但date出来 ...

  9. python获取当前utc时间_python中通过datetime获取UTC时间ISO格式

    一个热点统计需求,需要限定一个时间范围,计算出该范围内的热点事件,相关数据则以UTC标准时间的ISO时间格式存在mongodb中,和服务器设置的时区UTC+8并不一致. 为了解决这个问题,直觉反应是在 ...

最新文章

  1. pyinstaller打包exe程序教程推荐及需要注意的点
  2. MT7688 坑爹的 SPI Master 半双工全双工问题
  3. 您基于JEE的Web项目的结构是什么?
  4. 发短信的简单实现——C#版
  5. java 7 update 79下载_java 7下载|java运行环境(JDK 7 Update 67)官方版下载 - 3322软件站
  6. Eclipse 添加 JD-eclipse 反编译插件
  7. WinForm界面控件Telerik UI for WinForm入门指南教程
  8. 赛式方法论(上):为什么你的游戏做不完、做得烂?
  9. FPGA零基础学习:VGA协议驱动设计
  10. ant design vue 中a-tree搜索查询
  11. python获取声音波形的关键特征
  12. intelliJ IDE 打包出错:F:/InterlliJ IDEA/Demo/src/main/java/META-INF/MANIFEST.MF' already exists in VFS
  13. v-if导致用ref取不到元素的解决办法
  14. 《Nature》子刊发布,IIT科学家模仿“植物的触须”,打造可逆渗透致动的仿生软体机器人
  15. Office 2021:让人耳目一新
  16. 【强烈推荐】原导师评价网上不去了,新版在这里
  17. php?redis的scan用法实例分析
  18. 作为一名数据人,真心推荐一位行业大佬,从0到1的实践案例
  19. 系统级应用,重签名后WebView闪退问题
  20. JavaScript高级程序设计--数据类型(1)

热门文章

  1. Selenium3自动化测试——2. python编写简单自测代码
  2. confluence添加用户_Confluence 6 选项 1 – 在 Confluence 中手动重建用户和用户组
  3. java applet 官网_java applet
  4. oracle x6-2能装2008吗,Sun服务器电源Oracle Server X6-2原装拆机7079395 600 AC
  5. 字节跳动简历冷却期_干货 | 字节跳动HR是如何挑选简历的?
  6. python 类可以调用实例变量_python中的实例方法、静态方法、类方法、类变量和实例变量浅析...
  7. 数据备份_天津数据备份工具多少钱
  8. nginx的error.log日志常见的几个错误解决方法
  9. 头条抖音后端技术3面,centos卸载软件
  10. C++ 接口(抽象类)的概念