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中给日期组件设置默认日期
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 【蝴蝶效应】 蝴蝶效应:上个世纪70年代,美国一个名叫洛伦兹的气象学家在解释空气系统理论时说,亚马逊雨林一只蝴蝶...