美文网首页让前端飞Web前端之路前端开发
【React】别再用js获取年月日时分秒了!!

【React】别再用js获取年月日时分秒了!!

作者: 废柴码农 | 来源:发表于2019-06-25 16:54 被阅读8次

    我们在一般写时年月日分秒的时候采取的方法是通过js的方法去拼接成固定格式
    如下代码:

    var date = new Date(1398250549490);
    Y = date.getFullYear() + '-';
    M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    D = date.getDate() + ' ';
    h = date.getHours() + ':';
    m = date.getMinutes() + ':';
    s = date.getSeconds(); 
    console.log(Y+M+D+h+m+s); 
    // 输出结果:2014-04-23 18:55:49
    

    但是!!这种方法不得不说有点麻烦!!
    下面给大家介绍一种超级简单的年月日时分秒的写法
    用过antd的时间组件DatePicker的时候会如果定义value的时候用到moment组件
    如下:


    WeChatb87914d395eb1edb2a0a14dac5b8711a.png

    看这个有没有一种获取年月日的新的思路

    安装/引入
    import moment from 'moment';
    
    注意:一般如果适用create-react-app脚手架搭建的话一般是不用安装这个moment的,如果获取不到moment,记得安装一下:npm install moment
    用法
    moment().format() 
    

    详细栗子

    moment().format()   //获取到今天的当前时间   2019-06-25T16:26:23+08:00 
    moment().format("YYYY-MM-DD")    //年月日:2019-06-25
    moment().format("YYYY-MM-DD HH:mm:ss")   //时分秒:2019-06-25 16:39:08
    //下面也可以拆分开
    moment().format("YYYY")      //2019
    moment().format("MM")     //06
    moment().format("DD")     //25
    //也可以对年月日或者时分秒进行增加
    moment().add(1,'years').format("YYYY-MM-DD") //增加一年  2020-06-25
    moment().add(1,'days').format("YYYY-MM-DD")  //增加一天  2019-06-26
    //等等
    

    具体可以参考官网:http://momentjs.cn/

    相关文章

      网友评论

        本文标题:【React】别再用js获取年月日时分秒了!!

        本文链接:https://www.haomeiwen.com/subject/xvatcctx.html