简单页面展示<template><!-- time为时间戳 --><div>{{time | formatDate}}</div><!-- 结果为 2018-01-23 18:31:35 --> </template>export default {data() {return {time: 1516703495241};},filters: {formatDate: function (value) {let date = new Date(value);let y = date.getFullYear();let MM = date.getMonth() + 1;MM = MM < 10 ? (‘0‘ + MM) : MM;let d = date.getDate();d = d < 10 ? (‘0‘ + d) : d;let h = date.ge...
vue filter时间日期格式的实例代码如下所示： <template> <div>{{msg | compFilter(yyyy-MM-dd hh:mm) }}</div> </template> <script> export default { data() {return {msg: new Date()// msg: 10,} }, filters: {compFilter: function(value, format) {let o = {"M+": value.getMonth() + 1,![图片描述][1]"d+": value.getDate(),"h+": value.getHours(),"m+": value.getMinutes(),"s+": value.getSeconds(),}if(/(y+)/.test(fo...
前言 在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况 不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 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.jsexport default {data(...
调用实例：yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式 <div>{{data | dataFormat(yyyy-MM-dd hh:mm:ss)}}</div>代码： import Vue from vue Vue.filter(dataFormat, function (value, fmt) {let getDate = new Date(value);let o = {M+: getDate.getMonth() + 1,d+: getDate.getDate(),h+: getDate.getHours(),m+: getDate.getMinutes(),s+: getDate.getSeconds(),q+: Math.floor((getDate.getMonth() + 3) / 3),S: getDate.getMi...
过滤器-时间戳转化 第一步：定义过滤器，filters.jsexport 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.repla...
看看下面的代码吧，具体代码如下所示： <!-- value 格式为13位unix时间戳 --> <!-- 10位unix时间戳可通过value*1000转换为13位格式 --> 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 ...