国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue將后臺數(shù)據(jù)時間戳轉(zhuǎn)換成日期格式

2019-11-19 11:05:48
字體:
供稿:網(wǎng)友

前言

在項目中,經(jīng)常會有后臺返回一個時間戳,頁面展示用的卻是日期格式的情況
不同組件多次使用的話,那么建議在 src 下新建一個 common 文件夾,創(chuàng)建 date.js 文件,方便多次復用

在組件中使用

<template> <div>  <p>{{date1 | formatDate}}</p>  <p>{{date1 | formatDate2}}</p>  <p>{{date1 | formatDate3}}</p> </div></template><script> import { formatDate } from '@/common/date.js' // 在組件中引用date.js export default {  data() {   return {    date1: 1646461131351   }  },  filters: {   /*    時間格式自定義 只需把字符串里面的改成自己所需的格式   */    formatDate(time) {    var date = new Date(time);    return formatDate(date, 'yyyy.MM.dd');    },   formatDate2(time) {    var date = new Date(time);    return formatDate(date, 'hh:mm:ss');    },   formatDate3(time) {    var date = new Date(time);    return formatDate(date, 'yyyy年MM月dd日 hh:mm:ss');    }  } }</script>

效果圖

date.js源碼

export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) {  fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = {  'M+': date.getMonth() + 1,  'd+': date.getDate(),  'h+': date.getHours(),  'm+': date.getMinutes(),  's+': date.getSeconds() }; for (let k in o) {  if (new RegExp(`(${k})`).test(fmt)) {   let str = o[k] + '';   fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));  } } return fmt;};function padLeftZero(str) { return ('00' + str).substr(str.length);};

如果本篇文章對你有幫助的話,很高興能夠幫助上你。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 高青县| 景泰县| 昭平县| 政和县| 小金县| 清徐县| 锦屏县| 云和县| 宜宾县| 泽州县| 昌乐县| 佛坪县| 额济纳旗| 临洮县| 黎城县| 阿合奇县| 海晏县| 盈江县| 开封县| 冀州市| 定襄县| 都匀市| 朝阳区| 瓮安县| 定边县| 湘西| 德兴市| 资阳市| 巴马| 和硕县| 霍邱县| 双流县| 蓬莱市| 玛纳斯县| 吉隆县| 武夷山市| 安国市| 西乌珠穆沁旗| 隆安县| 河源市| 边坝县|