在antd中给日期组件设置默认日期

2018-12-20  本文已影响0人  木易先生灬
import React, { Component } from 'react'

import 'antd/dist/antd.css';
import { DatePicker } from 'antd'; // 日期组件
// yarn add moment
import moment from 'moment'; // 时间插件  

const { MonthPicker, RangePicker } = DatePicker;

const dateFormat = 'YYYY-MM-DD'; // 定义你需要的时间格式
const monthFormat = 'YYYY-MM'; // 定义你需要的时间格式
// 获取前一天的时间
const teaday = moment().subtract('1','day').format(dateFormat); 
console.log(teaday)

export default class Tables extends Component {
  render() {
    return (
        <div>
        <DatePicker defaultValue={moment('2015/01/01', dateFormat)} format={dateFormat} />
        <br />{/* 这里设置一个 死的默认时间 */}
        <MonthPicker defaultValue={moment('2015/01', monthFormat)} format={monthFormat} />
        <br />{/* 这里设置一个 动态默认时间 */}
        <RangePicker
          defaultValue={[moment(teaday, dateFormat), moment(teaday, dateFormat)]}
          format={dateFormat}
        />
      </div>
    )
  }
}
上一篇下一篇

猜你喜欢

热点阅读