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>
复制代码

 

posted @   yshy  阅读(24976)  评论(2编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示