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

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

发布时间：2018-05-17 11:49,

浏览次数：422

, 标签：

vue

html

yyyy

MM

dd

hh

ss

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

在实际应用中，我个人觉得“yyyy-MM-dd hh:mm:ss”2018-05-17 09:27:50

一种格式就可以了，不需要那么多花样，这种格式看起来比较整齐美观，当然，这段代码很简单，你随时可以自己修改成自己想要的格式。

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

//时间格式化函数，此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化 dateFormat:function(time) { var

date=new Date(time); var year=date.getFullYear(); /* 在日期格式中，月份是从0开始的，因此要加0 *

使用三元表达式在小于10的前面加0，以达到格式统一 如 09:11:05 * */ var month= date.getMonth()+1<10 ? "0"+

(date.getMonth()+1) : date.getMonth()+1; var day=date.getDate()<10 ? "0"+date.

getDate() : date.getDate(); var hours=date.getHours()<10 ? "0"+date.getHours()

: date.getHours(); var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() :

date.getMinutes(); var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() :

date.getSeconds(); // 拼接 return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"

+seconds; }

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

{{dateFormat(create_time)}}

卖家秀(效果图)

使用前：

使用后：

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