React Native時(shí)間轉(zhuǎn)換格式工具類分享

更新時(shí)間：2017年10月24日 17:13:20 作者：七月_代碼君

這篇文章主要為大家分享了React Native時(shí)間轉(zhuǎn)換格式工具類，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了React Native時(shí)間轉(zhuǎn)換格式工具類，供大家參考，具體內(nèi)容如下

class DateUtil{
  /**
   * 例如:2017-06-28 10:48:46轉(zhuǎn)成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時(shí)間戳 formater時(shí)間格式
  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(), //小時(shí)
        "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;

外界調(diào)用方法

// 可將 - 替換成 / 或者 年月日等
DateUtil.formatDate(時(shí)間戳, "yyyy-MM-dd hh:mm:ss")

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

React中useState和useEffect的用法詳解
Hooks?發(fā)布之后，函數(shù)組件能擁有自己的?state，React提供了很多內(nèi)置的Hooks，這篇文章就來和大家介紹一下useState?和?useEffect的使用，需要的可以參考一下
2023-06-06
React組件學(xué)習(xí)之Hooks使用
這篇文章主要介紹了React hooks組件通信,在開發(fā)中組件通信是React中的一個(gè)重要的知識(shí)點(diǎn)，本文通過實(shí)例代碼給大家講解react hooks中常用的父子、跨組件通信的方法，需要的朋友可以參考下
2022-08-08
手把手教你從零開始react+antd搭建項(xiàng)目
本文將從最基礎(chǔ)的項(xiàng)目搭建開始講起，做一個(gè)基于react和antd的后臺(tái)管理系統(tǒng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
關(guān)于react-router中的Prompt組件使用心得
這篇文章主要介紹了關(guān)于react-router中的Prompt組件學(xué)習(xí)心得,Prompt組件作用是,在用戶準(zhǔn)備離開該頁面時(shí),?彈出提示,?返回true或者false,?如果為true,?則離開頁面,?如果為false,?則停留在該頁面，本文結(jié)合示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下
2023-01-01
三分鐘搞懂react-hooks及實(shí)例代碼
React?Hooks是今年最勁爆的新特性真的毫不夸張。如果你也對(duì)react感興趣，或者正在使用react進(jìn)行項(xiàng)目開發(fā)，請(qǐng)抽出點(diǎn)時(shí)間閱讀下此文
2022-03-03
解決React報(bào)錯(cuò)Encountered?two?children?with?the?same?key
這篇文章主要為大家介紹了React報(bào)錯(cuò)Encountered?two?children?with?the?same?key解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
react 通過后端接口實(shí)現(xiàn)路由授權(quán)的示例代碼
本文主要介紹了React應(yīng)用中通過后端接口獲取路由授權(quán),實(shí)現(xiàn)動(dòng)態(tài)和靈活的權(quán)限管理,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-11-11
如何在React項(xiàng)目中優(yōu)雅的使用對(duì)話框
在項(xiàng)目中,對(duì)話框和確認(rèn)框是使用頻率很高的組件,下面這篇文章主要給大家介紹了關(guān)于如何在React項(xiàng)目中優(yōu)雅的使用對(duì)話框的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05
React?useCallback使用方法詳解
useCallback?是?React?的一個(gè)?Hook,用于記憶函數(shù)定義,避免在每次渲染時(shí)創(chuàng)建新的函數(shù)實(shí)例,本文主要來介紹一下它的具體用法,需要的可以參考一下
2025-01-01
react中使用echarts,并實(shí)現(xiàn)tooltip循環(huán)輪播方式
這篇文章主要介紹了react中使用echarts,并實(shí)現(xiàn)tooltip循環(huán)輪播方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-01-01