VUE AntDesign DatePicker設置默認顯示當前日期


1:main.js中引入依賴

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)

2:使用

<template>
  <div class="about">
    <div>
      <a-date-picker placeholder="選擇日期" :defaultValue="moment(getCurrentData(), 'YYYY-MM-DD')" :showToday="false"/>
    </div>
  </div>

  
</template>

<script>

import moment from "moment";


export default {
  name: 'about',
  data(){
    return {
    }
  },
  methods: {
    moment,
    getCurrentData(){
      return new Date().toLocaleDateString();
    }
  }
}
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM