vue如何在前端控制时间格式_vue.js如何设置时间格式

vue.js设置时间格式的方法&＃xff1a;首先新建一个Vue示例文件&＃xff1b;然后通过采用自定义时间过滤器对日期进行格式化即可&＃xff0c;其代码如“filters:{shijianfilter:function(value,args){...}”。

本教程操作环境&＃xff1a;windows7系统、vue2.0版&＃xff0c;该方法适用于所有品牌电脑。

相关文章推荐&＃xff1a;

在Vue.js中并没有对于时间的格式化方法。比如&＃xff0c;新建一个Vue文件&＃xff0c;然后在页面输出当前时间。

{{shijian}}

export default {

name:"shijian",

data() {

return {

shijian:new Date()

}

},

}

结果如下&＃xff0c;这显然不是日常所见到的日期格式。

这时&＃xff0c;可以通过采用自定义时间过滤器对日期进行格式化&＃xff1a;

export default {

name:"shijian",

data() {

return {

shijian:new Date()

}

},

filters:{

shijianfilter:function(value,args){

var dt &＃61; new Date(value)

var y &＃61; dt.getFullYear()

//这里month得加1

var m &＃61; dt.getMonth()&＃43;1

var d &＃61; dt.getDate()

//如果要求的时间格式只有年月日

if(args.toLowerCase() &＃61;&＃61;&＃61; "yyy-mm-dd"){

return &＃96;${y}-${m}-${d}&＃96;

//如果时间要求精确到时分秒

}else{

var hh &＃61; dt.getHours()

var mm &＃61; dt.getMinutes()

var ss &＃61; dt.getSeconds();

return &＃96;${y}-${m}-${d}:${hh}:${mm}:${ss}&＃96;

}

}

}

}

这时输出的结果是