ant-design-vue显示当前日期
时间: 2023-08-15 07:07:11 浏览: 122
(实习日记)Ant Design Vue日期选择器,禁止选择当前之前的时间
要在 ant-design-vue 中显示当前日期,您可以使用 Vue.js 中的 Date 对象和 ant-design-vue 的 DatePicker 组件。以下是一个简单的示例:
```html
<template>
<a-date-picker :value="currentDate" :format="'YYYY-MM-DD'"></a-date-picker>
</template>
<script>
export default {
data() {
return {
currentDate: new Date(),
};
},
};
</script>
```
在上面的代码中,我们使用了 Date 对象来获取当前日期,并将其设置为 `currentDate` 数据属性的值。然后,我们将 `currentDate` 作为 DatePicker 组件的值传递,并设置日期格式为 `'YYYY-MM-DD'`。
当您在浏览器中查看此组件时,您将看到当前日期的日期选择器。请注意,您可以根据需要更改日期格式。
阅读全文