使用vue表达式对时间戳格式化
1).页面html- vue表达式中跟上方法formatTime,页面打开后发现时间戳(毫秒表示)已经转换成功,页面html代码如下<td class= "time">{{formatTime(scene.createTime)}}</td>2).定义用于时间格式化的js 函
·
1). 页面html- vue表达式中跟上方法formatTime,页面打开后发现时间戳(毫秒表示)已经转换成功,页面html代码如下
<td class= "time">{{formatTime(scene.createTime)}}</td>
2). 定义用于时间格式化的js 函数
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
};
3). Vue 变量和方法声明如下:
var scenesVue = new Vue({
el: "#container",
data: {
scenes:[],
},
mounted: function(){
},
methods: {
initData: function(){
var sceneList = getDataByAjax("/orderdiffer/allscenes","GET", null, false);
this.scenes = sceneList.data;
//this.$options.methods.showTime();
},
//上面已经使用了该函数:
formatTime: function(dateUnix){
var time = new Date(dateUnix).Format("yyyy-MM-dd HH:mm:ss");
return time;
},
},
});// end define vue
更多推荐
已为社区贡献1条内容
所有评论(0)