AntDesignVue的a-range-picker（DatePicker ）设置默认日期为当前系统时间

1、导入moment<script>import moment from 'moment';export default {data() {return {dateFormat: 'YYYY-MM-DD',};},methods: {moment,getData() {return new Date().toLocaleDateString();},},};</scri

奋斗吧010

11078人浏览 · 2020-10-14 14:14:00

奋斗吧010 · 2020-10-14 14:14:00 发布

1、导入moment

<script>
import moment from 'moment';
export default {
  data() {
    return {
      dateFormat: 'YYYY-MM-DD',
    };
  },
  methods: {
    moment,
    getCurrentData() {
      return new Date().toLocaleDateString();
    },
    
  },
};
</script>

2、设置defaultValue默认日期类型为moment

<a-range-picker
  :default-value="[
    moment(getCurrentData(), dateFormat),
    moment(getCurrentData(), dateFormat),
  ]"
  :format="dateFormat"
>
  <template slot="renderExtraFooter"> extra footer </template>
</a-range-picker>

3、效果图

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^