vue将毫秒数转化为正常日期格式的实例

2024-08-26 00:04:28

过滤器-时间戳转化

第一步：定义过滤器，filters.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);
 };

第二步：在所用之处引入filters.js

import {formatDate} from '../../common/filters.js'

第三步：使用

filters:{
 formatDate(time){
  var data = new Date(time);
  return formatDate(data,'yyyy-MM-dd');
 }
 },

<span>{{item.rateTime | formatDate}}</span>

以上这篇vue将毫秒数转化为正常日期格式的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

Vue filter格式化时间戳时间成标准日期格式的方法

调用实例: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,
vue将时间戳转换成自定义时间格式的方法

1.首先建立一个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.g
vue.js将时间戳转化为日期格式的实现代码

看看下面的代码吧,具体代码如下所示:   export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } l
vue.js将unix时间戳转换为自定义时间格式

本方法通过vue.js filter实现将unix时间戳转换为自定义标准时间格式  $().ready(function() {  Vue.filter('time',   function(value) { var date = new Dat
vue将毫秒数转化为正常日期格式的实例

过滤器-时间戳转化第一步:定义过滤器,filters.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+': d
vue里面使用mui的弹出日期选择插件实例

如下所示: comm.loadjs("js/mui.picker.min.js","js/mui.poppicker.js") 因为是点击才弹出的,所以就不用在index.html里面写<script src=""></script>这样的方式来引入js了.因为index.html这个页面是每个组件即.vue都会引用的,所以你如果在这里面引入太多js肯定会影响网页的加载速度的. 对于页面加载以后需要引入的js你可以使用上面
php获取本年、本月、本周时间戳和日期格式的实例代码

时间戳格式: //获取今日开始时间戳和结束时间戳 $beginToday=mktime(0,0,0,date('m'),date('d'),date('Y')); $endToday=mktime(0,0,0,date('m'),date('d')+1,date('Y'))-1; //获取昨日起始时间戳和结束时间戳 $beginYesterday=mktime(0,0,0,date('m'),date('d')-1,date('Y')); $endYesterday=mktime(0,0,0,d
vue获取时间戳转换为日期格式代码实例

vue获取时间戳转换为日期格式. 方法一为转载黄轶老师的format方法:出处(黄轶老师github https://github.com/ustbhuangyi): // date.js export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); }
vue将后台数据时间戳转换成日期格式

前言在项目中,经常会有后台返回一个时间戳,页面展示用的却是日期格式的情况不同组件多次使用的话,那么建议在 src 下新建一个 common 文件夹,创建 date.js 文件,方便多次复用在组件中使用 <template> <div> <p>{{date1 | formatDate}}</p> <p>{{date1 | formatDate2}}</p> <p>{{date1 | formatDate3}}</
vue filter 完美时间日期格式的代码

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
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题

最近在看松散耦合可定制百度的开源框架tangram.js目光突然就聚焦在一种获得毫秒数的写法: (+new Date()) 其实这种写法也没什么就是用运算符转化日期为number型,于是我肯定这种写法没有日期原生写法(new Date().getTime())效率高 : 于是做了下面测试: 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title
Javascript毫秒数用法实例

本文实例讲述了Javascript毫秒数用法.分享给大家供大家参考.具体如下: 毫秒数是指指定的日期和时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数. 1.当前系统时间的毫秒数 var myData = new Date(); var times = myData.getTime();//当前时间的毫秒数 2.指定时间的毫秒数 var time = "2014-02-27 11:50:21"; var times = Date.parse(new Date(tim

vue将毫秒数转化为正常日期格式的实例

相关推荐

随机推荐