介绍
,——比;
& lt;/template>
& lt; script>
import {formatDate},得到& # 39;。/共同/date.js& # 39;;
export default  {
,,过滤器:{
,,,formatDate(时间),{
,,,,,var date =, new 日期(时间);
,,,,,return formatDate(日期,& # 39;yyyy-MM-dd hh: mm # 39;);
,,,}
,,}
}
& lt;/script> 这篇文章主要为大家详细介绍了怎么在vue。js中将时间戳转化为日期格式,文中示例代码介绍的非常详细,具有一定的参考价值,发现的小伙伴们可以参考一下:
Vue的优点
Vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。
& lt; !——, value 格式为13位unix时间戳,——比; & lt; !——, 10位unix时间戳可通过价值* 1000转换为13位格式,——在
export function formatDate (日期,fmt), { if 才能;(/(y +)/test (fmt)), { ,,,fmt =, fmt.replace (RegExp, 1美元,(date.getFullYear (), +, & # 39; & # 39;) .substr(4,安康;RegExp。1.美元长度)); ,,} let 才能;o =, { ,,,& # 39;M + & # 39;:, date.getMonth (), +, - 1, ,,,& # 39;d + & # 39;:, date.getDate (), ,,,& # 39;h + & # 39;:, date.getHours (), ,,,& # 39;m + & # 39;:, date.getMinutes (), ,,,& # 39;s + & # 39;:, date.getSeconds () ,,}; for 才能;(let k 拷贝o), { ,,,if (new 正则表达式(($ {k})) test (fmt)), { ,,,,,let str =, o [k], +, & # 39; & # 39;; ,,,,,fmt =, fmt.replace (RegExp, 1美元,(RegExp。1.美元length ===, 1), ?, str :, padLeftZero (str)); ,,,} ,,} return 才能;fmt; }; function padLeftZero (str), { return 才能;(& # 39;00 & # 39;,+,str) .substr (str.length); };
,把上面代码保存为日期。js放到你的公共js文件夹中。
在你的需要格式化时间戳的组件里像下面这样使用:
& lt; template> & lt; !——,才能过滤器,time 可以使后台得到的数据,循环出来的也行,——比; & lt;才能div> {{| time formatDate}} & lt;/div> & lt; !——,才能输出结果,——比; & lt;才能!——,& lt; div> 2016 - 07 - 23, 21:52
以上就是小编为大家收集整理的怎么在vue.js中将时间戳转化为日期格式,如何觉得网站的内容还不错,欢迎将网站推荐给身边好友。