当前位置: 首页 > Web开发 > JavaScript教程 >正文

简述React中时间转换格式

来源:互联网时间:2020-07-31 18:32:58编辑:网友分享
react native的社区开发和移动开发领域的普及极大地提高了我们学习和实践的热情,目前的开发调试模式仍然是边编码边打开模拟器,下面WEB开发者

react native的社区开发和移动开发领域的普及极大地提高了我们学习和实践的热情,目前的开发调试模式仍然是边编码边打开模拟器,下面WEB开发者小编给大家简述React中时间转换格式,希望能为你带来帮助。

本文实例为大家分享了React Native时间转换格式工具类,供大家参考,具体内容如下

class DateUtil{
  /**
   * 例如:2017-06-28 10:48:46转成date类,
   * 可把- replace成/
   * @param dateString
   * @return Date
   */
  static parserDateString(dateString){
    if(dateString){
      let regEx = new RegExp("\\-","gi");
      let validDateStr=dateString.replace(regEx,"/");
      let milliseconds=Date.parse(validDateStr);
      return new Date(milliseconds);

    }
  }

  // timestamp时间戳 formater时间格式
  static formatDate(timestamp, formater) { 
    let date = new Date();
    date.setTime(parseInt(timestamp));
    formater = (formater != null)? formater : 'yyyy-MM-dd hh:mm';
    Date.prototype.Format = function (fmt) {
      var o = {
        "M+": this.getMonth() + 1, //月
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
      };

      if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
      for (var k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ?
          (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
      }
      return fmt;
    }
    return date.Format(formater);
  }
}
export default DateUtil;


外界调用方法

// 可将 - 替换成 / 或者 年月日等
DateUtil.formatDate(时间戳, "yyyy-MM-dd hh:mm:ss")

简述React中时间转换格式,今天WEB开发者小编就介绍到这里,其实很多项目都会使用到这个操作,大家可以参考上述的介绍参考看看,我们只需要每天花半个小时学习,时间长了定能看到成效。

上一篇: JavaScript开发中获取当前时间戳

下一篇:共享angularjs中获取焦点和丢失

您可能感兴趣的文章

相关阅读