使用Vue中的过滤器(Filter)可以将日期数据转换成字符串。
下面是一个例子:
-
-
日期转字符串示例
-
日期:{{ date | formatDate }}
-
-
- export default {
- data() {
- return {
- date: new Date()
- };
- },
- filters: {
- formatDate: function (value) {
- if (!value) return "";
-
- const date = new Date(value);
- const year = date.getFullYear();
- let month = date.getMonth() + 1;
- let day = date.getDate();
-
- month = month < 10 ? "0" + month : month;
- day = day < 10 ? "0" + day : day;
-
- return `${year}-${month}-${day}`;
- }
- }
- };
在这个示例中,我们使用了一个名为formatDate的过滤器。它将日期对象转换成"YYYY-MM-DD"格式的字符串。在模板中,我们使用管道符号(|)将日期数据与过滤器连接起来。