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