2-5计算属性

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

这个要怎么弄呢？

求大神帮忙。。。

慕木暮目

2020-09-20

源自：vue2.5入门 2-5

关注问题我要回答

834

操作

收起

2 回答

宝求cross 回答被采纳 +2 积分
2020-09-21

<!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>

0 回复有任何疑惑可以回复我~

收起回答

慕木暮目提问者

真乃大神也！

2020-09-22 回复有任何疑惑可以回复我~

Imthen
2021-01-03

<!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>

1 回复有任何疑惑可以回复我~

收起回答