时间格式化的公用方法——util.js封装公用方法

Dear 丶 2022-08-31 14:26 196阅读 0赞

之前做时间格式处理的功能，我基本都是引入`moment.js`,然后使用其中的方法：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]  
使用也是比较简单的。

其实也可以自己封装一个`时间处理方法`，然后挂载到`vue`上进行使用。

### 1.在`src`文件夹下面添加`utils`文件夹，里面添加一个`util.js`文件 ###

function timeFormat(date,fmt="YYYY-mm-dd HH:MM:SS"){ 
    	if(date){ 
    		date = new Date(date);
    		let ret;
    		const opt = { 
    			"Y+":date.getFullYear().toString(),//年
    			"m+":(date.getMonth()+1).toString(),//月
    			"d+":date.getDaate().toString(),//日
    			"H+":date.getHours().toString(),//时
    			"M+":date.getMinutes().toString(),//分
    			"S+":date.getSeconds().toString()//秒
    			//如果有其他格式字符需求可以继续添加，必须转化为字符串
    		}
    		for(let k in opt){ 
    			ret = new RegExp("("+k+")").exec(fmt);
    			if(ret){ 
    				fmt = fmt.replace(ret[1],(ret[1].length==1)?(opt[k]):(opt[k].padStart(ret[1].length,"0")))
    			}
    		}
    		return fmt;
    	}
    	return date;
    }
    export { 
    	timeFormat
    }

其他页面的使用方法如下：

import { timeFormat} from "@/utils/util"
    
    //使用
    timeFormat(new Date,'YYYY-mm-dd');
    //上面的意思就是：将当前的时间改为年月日的格式

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20220829/302f5e6b65fe49d18deb7b5986fa7b80.png

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ext JS 静态公用方法的定义方式

在Ext JS 应用中，页面组件的显示和操作功能的的开发模式主要有两种： MVC ：传统的Model，View, Controller 模式，视图中相关功能函数定义

川长思鸟来/ 2024年03月17日 20:53/ 0 赞/ 22 阅读

相关前端全局公用脱敏处理方法

//全局公用的对数据脱敏处理方法参数可以是单个也可以是多个，但是格式必须是字符串 function publicDesensitization(){

忘是亡心i/ 2023年08月17日 16:24/ 0 赞/ 66 阅读

相关 prototype实例的公用方法和属性

prototype实例的公用方法和属性 <!DOCTYPE html> <html> <head> <meta charset="u

末蓝、/ 2022年12月04日 15:56/ 0 赞/ 133 阅读

相关用于解析HttpServletRequest中参数的公用方法类

package com.hhh.framework.tools.utils; import org.apache.commons.beanutils.

心已赠人/ 2022年10月22日 09:24/ 0 赞/ 103 阅读

相关我的框架:公用方法

以下方法,可直接使用以下方法在public.system.php中定义 <table style="direction:ltr;

以你之姓@/ 2022年09月19日 10:52/ 0 赞/ 133 阅读

相关时间格式化的公用方法——util.js封装公用方法

之前做时间格式处理的功能，我基本都是引入`moment.js`,然后使用其中的方法： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp

Dear 丶/ 2022年08月31日 14:26/ 0 赞/ 197 阅读

相关 Object 公用方法

1．clone方法实现对象的浅复制，只有实现了Cloneable接口才可以调用该方法，否则抛出CloneNotSupportedException异

太过爱你忘了你带给我的痛/ 2022年05月09日 01:06/ 0 赞/ 125 阅读

相关 vue axios封装httpjs，接口公用配置拦截

做一下记录，在vue项目中配置公用的请求https, (1) 位置，在src中新建 src/utils/http.js import axios from 'axi

淩亂°似流年/ 2022年04月08日 14:48/ 0 赞/ 166 阅读

相关 [Java]Object有哪些公用方法？

[\[Java\]Object有哪些公用方法？][Java_Object] 1．clone方法保护方法，实现对象的浅复制，只有实现了Cloneable接口才可以调用该

女爷i/ 2022年02月28日 07:14/ 0 赞/ 185 阅读

相关封装公用的ajax网络请求，将ajax请求封装

封装网络请求在公共的文件里面写入：(我的文件 config.js ) const config = { // 域名 htt

r囧r小猫/ 2021年10月19日 10:50/ 0 赞/ 362 阅读