首页 > 其他分享 >【React】格式化中国标准时间

【React】格式化中国标准时间

时间:2023-05-17 13:33:56浏览次数:35  
标签:case break 格式化 React 标准 time tf return yyyy

//定义格式化函数:
handleTime(time, format) {
    if (time == null || time == undefined || time == "") {
        return "";
    }
    var t = new Date(time);
    var tf = function (i) {
        return (i < 10 ? '0' : '') + i
    };
    return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
        switch (a) {
            case 'yyyy':
                return tf(t.getFullYear());
                break;
            case 'MM':
                return tf(t.getMonth() + 1);
                break;
            case 'mm':
                return tf(t.getMinutes());
                break;
            case 'dd':
                return tf(t.getDate());
                break;
            case 'HH':
                return tf(t.getHours());
                break;
            case 'ss':
                return tf(t.getSeconds());
                break;
        }
    })
},
//调用函数
handleTime(timeRange.range[0], "yyyy-MM-dd HH:mm:ss");

 

标签:case,break,格式化,React,标准,time,tf,return,yyyy
From: https://www.cnblogs.com/Esai-Z/p/17408481.html

相关文章

  • 【React】视频播放器,ReactPlayer的使用
    importReactfrom'react';importReactPlayerfrom'react-player'//引入constLiveBroadcast=()=>{return<ReactPlayerclassName='react-player'url='....flv'//地址wi......
  • 【React】自定义水印方法
    创建水印方法:constsetWaterwark=({//使用ES6的函数默认值方式设置参数的默认取值container=document.body,width='250px',height='160px',textAlign='left',textBaseline='bottom',font='15pxM......
  • 【React+Antd】可编辑表格
    importReact,{useContext,useState,useEffect,useRef}from"react";import{Table,Input,Button,Popconfirm,Form}from"antd";constEditableContext=React.createContext(null);constEditableRow=(props)=>{//编辑表格行let[f......
  • 【React+Antd】 可展开Table
    在antd基础上进行改造,抛弃之前的靠前面+进行展开的方式,在操作列进行点击展开  import{Table}from'antd';importReact,{useState}from'react';import'antd/dist/antd.css';import'./index.css';constAPP=()=>{const[expandedRowKeys,se......
  • 【React】定时器组件
    鼠标移入关闭定时器并清除,鼠标移出组件的时候打开定时器进行循环consttimer=useRef(null);useEffect(()=>{startLoop();},[]);conststartLoop=()=>{stopLoop();timer.current=window.setInterval(()=>{//要干的事},60*......
  • delphi Format格式化函数
    delphiFormat格式化函数Format是一个很常用,却又似乎很烦的方法,本人试图对这个方法的帮助进行一些翻译,让它有一个完整的概貌,以供大家查询之用: 首先看它的声明:functionFormat(constFormat:string;constArgs:arrayofconst):string;overload; 事实上Format方法有......
  • ReactNative 配置路径别名
    1、安装依赖 babel-plugin-module-resolveryarnaddbabel-plugin-module-resolver-D 2、配置babel.config.jsmodule.exports={presets:['module:metro-react-native-babel-preset'],plugins:[['@babel/plugin-proposal-decorators......
  • 国家标准施工方案建筑图集下载(支持白嫖)
    我一般是不安利任何东西的,但是它除外。相信很多从事建筑业的伙伴工作中,经常会因为找建筑图集,施工方案,国家标准,地方标准等等而头疼。我知道你很疼,但你先别疼,听我娓娓道来!不想听故事的,直接拉到末尾。此站长是一名资深开发程序员,就职于世界500强大厂,有一天他和同村的死党聚餐吃饭,死......
  • Vue、React和小程序都是流行的前端开发框架/平台
    Vue、React和小程序都是流行的前端开发框架/平台,它们各有优缺点。Vue的优点:简单易学:Vue的语法简单明了,易于理解和学习。渐进式框架:Vue可以逐渐地集成到现有项目中,也可以作为完整的单页应用程序开发。响应式设计:Vue的响应式设计使得数据变化后UI自动更新,方便快捷。高......
  • 衡量模块独立的定性标准是什么?用自己的话表达其含义
    衡量模块独立的定性标准包括:内聚性:指模块内部各个元素之间的联系程度,也就是说,模块内的元素越紧密地联系在一起,其内聚性就越高。高内聚性的模块更容易维护和修改,因为其中的变更只会对模块内部产生影响,而不会波及整个系统。因此,高内聚性是衡量模块独立的重要标准之一。耦合度:指模......