<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<p>{{ timeDate | formatDate }}</p>
</div>
<script src="vue.js"></script>
<script>
var padDate=function(va){
va=va<10?'0'+va:va;
return va
}
// padDate和formDate.双向绑定。以一对一，不能更改
</script>
<script>
var app=new Vue({
el: '#app',
data:{
timeDate: new Date() //标准时间转,初始化时间
},
filters: {
formatDate: function (val) { //自动把标准时间转发
var value = new Date(val);
var year = value.getFullYear();
var month = padDate(value.getMonth() + 1);
var day = padDate(value.getDate());
var hour = padDate(value.getHours());
var minutes = padDate(value.getMinutes());
var seconds = padDate(value.getSeconds());
return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
}
}
})
</script>
</body>
</html>
Vue filter方法 ‘ | ’（通道）————时间格式化
最新推荐文章于 2024-07-04 10:07:27 发布
398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
