react 显示当前时间_react中monent如何获取日期?
方法: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如何获取日期?相关推荐
- react 显示当前时间_React 灵魂 23 问,你能答对几个?
1.setState 是异步还是同步? 合成事件中是异步 钩子函数中的是异步 原生事件中是同步 setTimeout中是同步 相关链接: 你真的理解setState吗? 2.聊聊 react@16.4 ...
- react 显示当前时间_react 日期
1.首先安装moment : npm install moment --save 2.在文件中引用: import moment from 'moment' 3.使用方式: 当前时间:moment() ...
- react 显示当前时间_React获取最近三个月的日期组件
import React, { memo } from 'react' import dayjs from 'dayjs' import { classnames } from 'classnames ...
- react 快速上手开发_React中测试驱动开发的快速指南
react 快速上手开发 by Michał Baranowski 通过MichałBaranowski React中测试驱动开发的快速指南 (A quick guide to test-driven ...
- react接收后端文件_React如何从后端获取数据并渲染到前端?
ajax和json对于reactjs来说主要是表现形式不同,但最终都会变成js object,根据具体情况不同而选择. 比如我们建立一个用于筛选网站提供能够的服务项目(service)的页面,这个页面 ...
- linux怎么显示cp时间,Linux中cp文件或目录时如何显示进度?
Linux中cp文件或目录时如何显示进度? 用法:cp [选项]... [-T] 源文件 目标文件 或:cp [选项]... 源文件... 目录 或:cp [选项]... -t 目录 源文件... 将 ...
- datepick二格式 化时间_DateTimePicker中自定义时间或日期显示格式
在DateTimePicker中把Format 选择为Cutstom,然后在CutstomFormat写入格式字符串,介绍如下: 如何你显示10:05 Am,则写成:HH:mm tt(区分大小写) 要 ...
- Linux使用shell命令显示系统时间,Linux操作系统的Shell命令:日期格式
不管是哪种语言,日期/时间都是一个非常重要的值.比如我们保存日志的时候,往往是某个前缀再加上当前时间,这样日志文件名称就可以做到唯一. 在Shell环境里,我们获取时间的命令是date,但date出来 ...
- python获取当前utc时间_python中通过datetime获取UTC时间ISO格式
一个热点统计需求,需要限定一个时间范围,计算出该范围内的热点事件,相关数据则以UTC标准时间的ISO时间格式存在mongodb中,和服务器设置的时区UTC+8并不一致. 为了解决这个问题,直觉反应是在 ...
最新文章
- pyinstaller打包exe程序教程推荐及需要注意的点
- MT7688 坑爹的 SPI Master 半双工全双工问题
- 您基于JEE的Web项目的结构是什么?
- 发短信的简单实现——C#版
- java 7 update 79下载_java 7下载|java运行环境(JDK 7 Update 67)官方版下载 - 3322软件站
- Eclipse 添加 JD-eclipse 反编译插件
- WinForm界面控件Telerik UI for WinForm入门指南教程
- 赛式方法论(上):为什么你的游戏做不完、做得烂?
- FPGA零基础学习:VGA协议驱动设计
- ant design vue 中a-tree搜索查询
- python获取声音波形的关键特征
- intelliJ IDE 打包出错:F:/InterlliJ IDEA/Demo/src/main/java/META-INF/MANIFEST.MF' already exists in VFS
- v-if导致用ref取不到元素的解决办法
- 《Nature》子刊发布,IIT科学家模仿“植物的触须”,打造可逆渗透致动的仿生软体机器人
- Office 2021:让人耳目一新
- 【强烈推荐】原导师评价网上不去了,新版在这里
- php?redis的scan用法实例分析
- 作为一名数据人,真心推荐一位行业大佬,从0到1的实践案例
- 系统级应用,重签名后WebView闪退问题
- JavaScript高级程序设计--数据类型(1)
热门文章
- Selenium3自动化测试——2. python编写简单自测代码
- confluence添加用户_Confluence 6 选项 1 – 在 Confluence 中手动重建用户和用户组
- java applet 官网_java applet
- oracle x6-2能装2008吗,Sun服务器电源Oracle Server X6-2原装拆机7079395 600 AC
- 字节跳动简历冷却期_干货 | 字节跳动HR是如何挑选简历的?
- python 类可以调用实例变量_python中的实例方法、静态方法、类方法、类变量和实例变量浅析...
- 数据备份_天津数据备份工具多少钱
- nginx的error.log日志常见的几个错误解决方法
- 头条抖音后端技术3面,centos卸载软件
- C++ 接口(抽象类)的概念