React Native时间转换格式工具类分享

 更新时间:2017年10月24日 17:13:20   作者:七月_代码君  
这篇文章主要为大家分享了React Native时间转换格式工具类,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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中useState和useEffect的用法详解

    React中useState和useEffect的用法详解

    Hooks 发布之后,函数组件能拥有自己的 state,React提供了很多内置的Hooks,这篇文章就来和大家介绍一下useState 和 useEffect的使用,需要的可以参考一下
    2023-06-06
  • React组件学习之Hooks使用

    React组件学习之Hooks使用

    这篇文章主要介绍了React hooks组件通信,在开发中组件通信是React中的一个重要的知识点,本文通过实例代码给大家讲解react hooks中常用的父子、跨组件通信的方法,需要的朋友可以参考下
    2022-08-08
  • 手把手教你从零开始react+antd搭建项目

    手把手教你从零开始react+antd搭建项目

    本文将从最基础的项目搭建开始讲起,做一个基于react和antd的后台管理系统,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 关于react-router中的Prompt组件使用心得

    关于react-router中的Prompt组件使用心得

    这篇文章主要介绍了关于react-router中的Prompt组件学习心得,Prompt组件作用是,在用户准备离开该页面时, 弹出提示, 返回true或者false, 如果为true, 则离开页面, 如果为false, 则停留在该页面,本文结合示例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 三分钟搞懂react-hooks及实例代码

    三分钟搞懂react-hooks及实例代码

    React Hooks是今年最劲爆的新特性真的毫不夸张。如果你也对react感兴趣,或者正在使用react进行项目开发,请抽出点时间阅读下此文
    2022-03-03
  • 解决React报错Encountered two children with the same key

    解决React报错Encountered two children with the same key

    这篇文章主要为大家介绍了React报错Encountered two children with the same key解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • react 通过后端接口实现路由授权的示例代码

    react 通过后端接口实现路由授权的示例代码

    本文主要介绍了React应用中通过后端接口获取路由授权,实现动态和灵活的权限管理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-11-11
  • 如何在React项目中优雅的使用对话框

    如何在React项目中优雅的使用对话框

    在项目中,对话框和确认框是使用频率很高的组件,下面这篇文章主要给大家介绍了关于如何在React项目中优雅的使用对话框的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • React useCallback使用方法详解

    React useCallback使用方法详解

    useCallback 是 React 的一个 Hook,用于记忆函数定义,避免在每次渲染时创建新的函数实例,本文主要来介绍一下它的具体用法,需要的可以参考一下
    2025-01-01
  • react中使用echarts,并实现tooltip循环轮播方式

    react中使用echarts,并实现tooltip循环轮播方式

    这篇文章主要介绍了react中使用echarts,并实现tooltip循环轮播方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01

最新评论