antd datepicker 添加默认值_datepicker default-value

参考: https://www.jianshu.com/p/1aa165255697
https://momentjs.com/
https://www.antdv.com/components/date-picker-cn/

首先,有一个datepicker组件(需要先安装好antd环境)

<template>
  <div>
    <a-date-picker :default-value="moment('2015/01/01', dateFormat)" :format="dateFormat" />
    <br />
    <a-date-picker
      :default-value="moment('01/01/2015', dateFormatList[0])"
      :format="dateFormatList"
    />
    <br />
    <a-month-picker :default-value="moment('2015/01', monthFormat)" :format="monthFormat" />
    <br />
    <a-range-picker
      :default-value="[moment('2015/01/01', dateFormat), moment('2015/01/01', dateFormat)]"
      :format="dateFormat"
    />
  </div>
</template>
<script>
import moment from 'moment';
export default {
  data() {
    return {
      dateFormat: 'YYYY/MM/DD',
      monthFormat: 'YYYY/MM',
      dateFormatList: ['DD/MM/YYYY', 'DD/MM/YY'],
    };
  },
  methods: {
    moment,
  },
};
</script>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

2 安装mount

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)
1
2
3
4
5
6

获取当前时间

(中国地区时间)

var now = moment().locale('zh-cn').format('YYYY-MM-DD HH:mm:ss');
1

获取昨天时间

moment().locale('zh-cn').subtract(3, 'days').format('YYYY-MM-DD'), dateFormat) #前三天的时间
moment().locale('zh-cn').add(3, 'days').format('YYYY-MM-DD'), dateFormat) # 后三天的时间
1
2