当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue中格式化时间过滤器代码实例

vue中格式化时间过滤器代码实例

2019年07月22日  | 移动技术网IT编程  | 我要评论

郭大宝个人资料,老栗夜宴图,青年警察

本文实例为大家分享了vue格式化时间过滤器的具体代码，供大家参考，具体内容如下

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>document</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<div>
 {{ message | formattime('ymd')}}
</div>
<div>
{{ message | formattime('ymdhms')}}
</div>
   <div>
    {{ message | formattime('hms')}}
   </div>
    <div>
    {{ message | formattime('ym')}}
   </div>
    </div>
<script>
//元素的补零计算
function addzero(val){
 if(val < 10){
  return "0" +val;
 }else{
  return val;
 }
};


console.log(addzero(9))


//实现vue中的过滤器功能  先定义过滤器 在使用        value是过滤器前面的值，type是过滤器中定义的字段
vue.filter("formattime",function(value,type){
var datatime="";
var data = new date();  
             data.settime(value); 
     var year   =  data.getfullyear();  
             var month  =  addzero(data.getmonth() + 1);  
             var day    =  addzero(data.getdate()); 
             var hour   =  addzero(data.gethours());
var minute =  addzero(data.getminutes());
var second =  addzero(data.getseconds());
if(type == "ymd"){
datatime =  year + "-"+ month + "-" + day;
}else if(type == "ymdhms"){
datatime = year + "-"+month + "-" + day + " " +hour+ ":"+minute+":" +second;
}else if(type == "hms"){
datatime = hour+":" + minute+":" + second;
}else if(type == "ym"){
datatime = year + "-" + month;

}
return datatime;//将格式化后的字符串输出到前端显示
});


var app = new vue({
 el: '#app',
 data: {
   message: '1501068985877'
 }
         });
</script>
</body>
</html>

以上所述是小编给大家介绍的vue格式化时间过滤器详解整合，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网