做前端頁面的時候，貌似日期格式化是沒有預置的，需要自己寫（當然大部分都是直接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)}}

賣家秀（效果圖）

使用前：

使用后：

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

總結

以上是生活随笔為你收集整理的在vue、html中手动写日期格式化转换为“yyyy-MM-dd hh:mm:ss”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。