date-fns 格式化日期

2019-12-06 10:45:34

参考地址 使用TypeScript日期工具: date-fns 格式化日期

使用TypeScript日期工具: date-fns 格式化日期

安装

引入格式化日期

格式化

封装方法

安装

npm install date-fns --save


// or with yarn

yarn add date-fns


// or with bower

bower install date-fns


引入格式化日期

import * as format from 'date-fns/format';

import * as zh_cn from 'date-fns/locale/zh_cn/index.js';

1

2

格式化

通常情况下只需要直接使用format方法

函数传入三个参数, 第一个参数为必传参数,需要格式化的时间,可以为date, string, number, 第二个参数为日期格式,为可选参数,第三个是可选参数


const date = new Date();

     console.log(date)           //Tue Feb 19 2019 15:57:07 GMT+0800 (中国标准时间)

     console.log(format(date, 'HH:mm')); // 15:57

     console.log(format(date, 'YYYY-MM-DD HH:mm:ss')); //2019-02-19 15:57:07

     console.log(format(date, 'YYYY-MM-DD')); //2019-02-19

    // 不传第二个格式参数的时候.

     console.log(format(date));    //2019-02-19T15:57:07.401+08:00

1

2

3

4

5

6

7

封装方法

为了更适应项目的要求在这里稍作更改

根据需求可以自己更改格式

第一个参数为传入的时间,必传参数,可以为date, string, number, 第二个format为日期格式


private dateFormat = (date: Date, format: string) => {

       return format(date, format, { locale: zh_cn });

   }

1

2

3

使用: 一般用在ajax 向服务的发送param时,格式化获取到的日期时间


startTime = this.dateFormat(startTime, 'YYYY-MM-DD HH:mm:ss')


  • 2019-04-30 11:23:36

    elasticsearch和analysis-ik的安装使用

    全文搜索和中文分词主要介绍了两组全文搜索加中文分词方案; TNTSearch+jieba-php这套组合对于博客这类的小项目基本够用了;

  • 2019-04-30 11:42:24

    php7+laravel+coreseek(sphinx)中文搜索初步实现(Linux)

    官网www.coreseek.cn已不能下载,所以需从网上找资源, 注意的一点是,笔者安装coreseek-3.2.14版本后,使用时提示client版本高于server版本的错误, php的sphinx扩展,为使用者,为client;coreseek是系统服务,为server

  • 2019-04-30 13:55:13

    浅谈mysql fulltext全文索引优缺点

    为什么会注意到mysql的fulltext? nima, 还是上次innodb转成tokudb引擎的事,这次alter修改表引擎的时候,提示percona tokudb是不支持fulltext索引的.

  • 2019-04-30 18:56:52

    elasticsearch文档操作

    使用了Elasticsearch提供的一整套强大的REST API,本文继续来看通过这一套API如何完成文档的基本操作。

  • 2019-05-05 14:04:11

    PHP使用CURL模拟POST/GET/PUT/DELETE方式提交数据

    最近因为工作需要,调用网盘接口来上传文件,我用了CURL库, 当然在用CURL库之前必须要在php中启用 cURL 设置 可以通过使用php_info()函数来得到cURL信息,如果看不到cURL信息的话,那么需要设置PHP并开启这个库。在Windows平台下,需要改一改php.ini文件的设置,找到 php_curl.dll,并取消前面的分号注释就行了。

  • 2019-05-07 00:04:04

    Tcpdf不使用css来实现线上合同和签章,图片悬浮

    以前虽然有了解过Tcpdf的用法,但是没有实际的应用过,最近在用tcpdf的时候发现对css支持很有限,使的如果想实现类似html的种种效果都很难,而我这次要做的就是 图片悬浮在文字上方形成类似水印或者盖章的效果。