AntD日期选择器组件DatePicker默认展示当前时间前一个周四

util中写个js方法

// 取当前时间的前一个周四
export const getThursday = () => {
  let now = new Date();
  let nowTime = now.getTime();
  let today = now.getDay(); // 今天是星期几
  let oneDayLong = 24*60*60*1000;
  // 周五周六周日,展示本周四
  let nowDay1 = new Date(nowTime - (today-4)*oneDayLong);
  let year1 = nowDay1.getFullYear();
  let month1 = nowDay1.getMonth()+1;
  let day1 = nowDay1.getDate();
  // 周一-周四,展示上周四
  let nowDay2 = new Date(nowTime - (today+3)*oneDayLong);
  let year2 = nowDay2.getFullYear();
  let month2 = nowDay2.getMonth()+1;
  let day2 = nowDay2.getDate();

  let date = '';
  if(today > 4 || today === 0) {
    if(day1 < 10) {
      if(month1 < 10) {
        date = `${year1}-0${month1}-0${day1}`;
      } else {
        date = `${year1}-${month1}-0${day1}`;
      }
    } else {
      if(month1 < 10) {
        date = `${year1}-0${month1}-${day1}`;
      } else {
        date = `${year1}-${month1}-${day1}`;
      }
    }
  } else {
    if(day2 < 10) {
      if(month2 < 10) {
        date = `${year2}-0${month2}-0${day2}`;
      } else {
        date = `${year2}-${month2}-0${day2}`;
      }
    } else {
      if(month2 < 10) {
        date = `${year2}-0${month2}-${day2}`;
      } else {
        date = `${year2}-${month2}-${day2}`;
      }
    }
  }
  return date;
}

页面中引用
(多的不写了,在react中实现的)

// 头
import { DatePicker } from 'antd';
import * as util from '../../crm-assets/js/utils.js';
const { RangePicker } = DatePicker;
const dateFormat = 'YYYY-MM-DD';
// constructor函数,默认时间
constructor(props) {
	super(props);
	this.state = {
		dateDefault: [moment(util.getThursday(), dateFormat), moment(util.getThursday(), dateFormat)],
	}
}
// componentDidMount默认渲染
componentDidMount() {
	this.getData();
}
// 传值,getTable调用接口并返回
getData = async () => {
	let date = util.getThursday();
    this.setState({
        startTime: date,
		endTime: date,
    },()=>{
		this.getTable();
    });
}
render() {
	const { dateDefault } = this.state;
	return (<>
		<RangePicker className='lob-select' onChange={this.changeDate} defaultValue={dateDefault} allowClear={false}/>
	</>)
}

今天是2020/12/18,星期五,前一个周四是昨天。选择器默认展示:
在这里插入图片描述
参考文章
js获取某个日期所在周周一的日期


版权声明:本文为qq_40138556原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。