国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 临颍县| 什邡市| 永年县| 宁夏| 泾阳县| 泌阳县| 奉贤区| 平定县| 两当县| 沂源县| 麻栗坡县| 福清市| 历史| 轮台县| 静安区| 吉木萨尔县| 萨迦县| 扶沟县| 凤翔县| 怀远县| 墨江| 福泉市| 沙坪坝区| 贡觉县| 祁门县| 资溪县| 龙川县| 丰顺县| 勐海县| 新竹市| 广河县| 会理县| 改则县| 江川县| 瑞昌市| 革吉县| 乌苏市| 马鞍山市| 咸丰县| 达日县| 三亚市|