Ant Design Vue 中 DatePicker 日期选择框 使用
Posted dafei4
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ant Design Vue 中 DatePicker 日期选择框 使用相关的知识，希望对你有一定的参考价值。
Ant Design Vue 中 DatePicker 日期选择框 使用
单页面中使用_demo: 新建 test.vue,内容如下
<template>
<div>
<a-date-picker @change="onChange" />
<br />
<a-month-picker placeholder="Select month" @change="onChange" />
<br />
<a-range-picker @change="onChange" />
<br />
<a-week-picker placeholder="Select week" @change="onChange" />
</div>
</template>
<script>
import Vue from "vue";
import { DatePicker } from ‘ant-design-vue‘;
import ‘ant-design-vue/dist/antd.css‘;
//设置中文
import moment from ‘moment‘;
import ‘moment/locale/zh-cn‘
moment.locale(‘zh-cn‘);
Vue.use(DatePicker);
export default {
methods: {
onChange(date, dateString) {
console.log(date, dateString);
},
},
}
</script>
官方地址: DatePicker 日期选择框
以上是关于Ant Design Vue 中 DatePicker 日期选择框 使用的主要内容，如果未能解决你的问题，请参考以下文章