300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 在vue html中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”

在vue html中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”

时间:2020-05-19 21:19:45

相关推荐

在vue html中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”

做前端页面的时候,貌似日期格式化是没有预置的,需要自己写(当然大部分都是直接C+V了),但是觉得那些方法不容易看懂,而且对于小白来说,用起来也不是那么地方便,于是自己写了一个简单的日期格式化函数。

在实际应用中,我个人觉得“yyyy-MM-dd hh:mm:ss”-05-17 09:27:50 一种格式就可以了,不需要那么多花样,这种格式看起来比较整齐美观,当然,这段代码很简单,你随时可以自己修改成自己想要的格式。

废话不多说,在vue的methods中,我定义了这么一个名为dateFormat的函数:

//时间格式化函数,此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化dateFormat:function(time) {vardate=newDate(time);varyear=date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0* 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05* */varmonth= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;varday=date.getDate()<10 ? "0"+date.getDate() : date.getDate();varhours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();varminutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();varseconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds(); // 拼接returnyear+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;}

在使用的时候,直接传参即可。

{{dateFormat(create_time)}}

卖家秀(效果图)

使用前:

使用后:

是不是感觉舒服了好多呢?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。