前端 / ReactJS
3 分钟 读完 (大约 500 个字)

180916-ReactJs之日期转换

常见的日期与时间戳之间的相互转换，记录下借助插件momoent来实现

1. 使用姿势

使用前，有那么几步需要走

安装依赖

1
sudo npm install --save moment

引入依赖

1
import moment from 'moment';

开始使用

1
2
// 将时间戳(ms)，转换为指定格式的日期
moment(Time).format("YYYY-MM-DD HH:mm:ss")

2. 常用说明

a. 日期格式化

1
2
3
4
5
moment().format('MMMM Do YYYY, h:mm:ss a'); // 九月 16日 2018, 8:54:12 晚上
moment().format('dddd');                    // 星期日
moment().format("MMM Do YY");               // 9月 16日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-09-16T20:54:12+08:00

b. 相对时间

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

c. 日历时间

1
2
3
4
5
6
7
8
moment().subtract(10, 'days').calendar(); // 2018年9月6日
moment().subtract(6, 'days').calendar();  // 本周一晚上8点55
moment().subtract(3, 'days').calendar();  // 本周四晚上8点55
moment().subtract(1, 'days').calendar();  // 昨天晚上8点55分
moment().calendar();                      // 今天晚上8点55分
moment().add(1, 'days').calendar();       // 明天晚上8点55分
moment().add(3, 'days').calendar();       // 下周三晚上8点55
moment().add(10, 'days').calendar();      // 2018年9月26日

d. 多语言

1
2
3
4
5
6
7
8
moment().format('L');    // 2018-09-16
moment().format('l');    // 2018-09-16
moment().format('LL');   // 2018年9月16日
moment().format('ll');   // 2018年9月16日
moment().format('LLL');  // 2018年9月16日晚上8点55分
moment().format('lll');  // 2018年9月16日晚上8点55分
moment().format('LLLL'); // 2018年9月16日星期日晚上8点55分
moment().format('llll'); // 2018年9月16日星期日晚上8点55分

II. 其他

0. 相关

1. 一灰灰Blog： https://liuyueyi.github.io/hexblog

一灰灰的个人博客，记录所有学习和工作中的博文，欢迎大家前去逛逛

2. 声明

尽信书则不如，已上内容，纯属一家之言，因个人能力有限，难免有疏漏和错误之处，如发现bug或者有更好的建议，欢迎批评指正，不吝感激

3. 扫描关注

一灰灰blog

QrCode

知识星球

goals

前端 / ReactJS
2 分钟 读完 (大约 298 个字)

180915-ReactJs之Fix:uncaught at check call argument [object Promise] is not a function

Fix uncaught at check call: argument [object Promise] is not a function

在使用ANTD的魔板套前端页面的时候，遇到了一个诡异的问题，记录下

在modal中的写法如下

1
2
3
4
* addGroup({payload}, {call, put}) {
	yield call(addGroup(payload));
	console.log("add group over!");
},

在执行时，控制台报错

1
uncaught at check call: argument [object Promise] is not a function

主要原因在 yield call(addGroup(payload)); 的使用姿势问题，对于需要传递参数的去哪个，不能直接这么干，应该改为

1
yield call(addGroup, payload);

II. 其他

1. 一灰灰Blog： https://liuyueyi.github.io/hexblog

一灰灰的个人博客，记录所有学习和工作中的博文，欢迎大家前去逛逛

2. 声明

尽信书则不如，已上内容，纯属一家之言，因个人能力有限，难免有疏漏和错误之处，如发现bug或者有更好的建议，欢迎批评指正，不吝感激

3. 扫描关注

一灰灰blog

QrCode

知识星球

goals

关注我
Google Play    Android

链接

最新文章

标签云

AES Android Arthas AutoCloseable BeanUtil BloomFilter BufferedImage BugFix Bugfix CURL Chrome DNS Docker Dubbo ElasticSearch Email FastJson Git GitHub Grafana Groovy Gson Guava HashMap IDEA IO ImageMagic InfluxDB InputStream Iterator JDK JNDI JVM Jackson Java JavaAgent JavaScript JavaWeb Jquery Json LRU Linux List MD5 Map Maven Mongo MongoDB MongoDb MySql Mybatis Mysql Nginx Node OGNL Prometheus ProtoStuff Python QlExpress QuickAlarm QuickMedia RMI RabbitMQ ReactJS Redis SSL Shell Socket Solr Spring SpringBoot Vue WebSocket WebView Win10 Yaml ZooKeeper css curl dns ffmpeg git gitalk google grep hexo hostname jdk logger markdown named ncat python ssh ssl time tmux zsh 专业词汇 乱码 二维码 代理 内购 分库分表 反射 吐槽 子系统 工具 并发 序列化 手记 技术方案 指南 教程 方案设计 时区 时间窗口 爬虫 编程技巧 证书 问题记录 随笔

标签

AES 1
Android 4
Arthas 1
AutoCloseable 1
BeanUtil 2
BloomFilter 1
BufferedImage 2
BugFix 2
Bugfix 2
CURL 2
Chrome 2
DNS 1
Docker 5
Dubbo 1
ElasticSearch 7
Email 1
FastJson 1
Git 3
GitHub 1
Grafana 3
Groovy 1
Gson 5
Guava 5
HashMap 1
IDEA 4
IO 2
ImageMagic 2
InfluxDB 17
InputStream 1
Iterator 1
JDK 36
JNDI 3
JVM 3
Jackson 1
Java 75
JavaAgent 2
JavaScript 2
JavaWeb 2
Jquery 1
Json 1
LRU 1
Linux 11
List 1
MD5 1
Map 1
Maven 4
Mongo 2
MongoDB 4
MongoDb 10
MySql 3
Mybatis 2
Mysql 21
Nginx 7
Node 1
OGNL 4
Prometheus 1
ProtoStuff 2
Python 142
QlExpress 4
QuickAlarm 1
QuickMedia 3
RMI 3
RabbitMQ 9
ReactJS 1
Redis 9
SSL 1
Shell 21
Socket 2
Solr 1
Spring 26
SpringBoot 2
Vue 1
WebSocket 1
WebView 2
Win10 2
Yaml 1
ZooKeeper 1
css 3
curl 1
dns 1
ffmpeg 1
git 2
gitalk 1
google 1
grep 1
hexo 1
hostname 1
jdk 1
logger 1
markdown 1
named 1
ncat 1
python 2
ssh 1
ssl 1
time 1
tmux 2
zsh 1
专业词汇 1
乱码 1
二维码 3
代理 1
内购 1
分库分表 1
反射 3
吐槽 1
子系统 1
工具 5
并发 3
序列化 1
手记 6
技术方案 22
指南 6
教程 21
方案设计 1
时区 1
时间窗口 3
爬虫 5
编程技巧 15
证书 1
问题记录 1
随笔 1

分类

归档

分类

归档

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×