2-5计算属性

源自：2-5 Vue中的计算属性和侦听器

2-5计算属性

使用计算属性实现日期的格式化，只显示年月日

这个要怎么弄呢？

求大神帮忙。。。

提问者：慕木暮目 2020-09-20 15:25

个回答

宝求cross: 2020-09-21 20:49:27

已采纳

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="./vue.js"></script></head><body><div id="app"></div><script>new Vue({el: "#app",template: "<h1>{{fullDate}}</h1>",computed: {fullDate: function () {let now = new Date();let year = now.getFullYear();let month = now.getMonth();let date = now.getDate();return `${year}-${month}-${date}`; //根据自己的需要拼接字符串},},});</script></body></html>

Imthen

2021-01-03 21:49:16

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="./vue.js"></script></head><body><div id="app"></div><script>new Vue({el: "#app",template: "<h1>{{fullDate}}</h1>",computed: {fullDate: function () {let now = new Date();let year = now.getFullYear();let month = now.getMonth();let date = now.getDate();return `${year}-${month}-${date}`; //根据自己的需要拼接字符串},},});</script></body></html>

01

1