美文网首页
在antd中给日期组件设置默认日期

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

作者: 木易先生灬 | 来源:发表于2018-12-20 23:59 被阅读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>
        )
      }
    }
    

    相关文章

      网友评论

          本文标题:在antd中给日期组件设置默认日期

          本文链接:https://www.haomeiwen.com/subject/lhjpkqtx.html