ts 查询本周的开始日期


/**
 * 查询本周的数据
 * @returns 
 */
export const getWeekStartDate: () => string = () => {
  const today = new Date();
  const dayOfWeek = today.getDay(); // 获取今天是星期几,0-6对应周日-周六
  const daysToSubtract = (dayOfWeek < 1) ? dayOfWeek : dayOfWeek - 1; // 如果今天已经是周一或更早,则不需要减去任何天数
  today.setDate(today.getDate() - daysToSubtract); // 减去相应的天数
  const dateFormatter = new Intl.DateTimeFormat('en-CA', { dateStyle: 'short' }) // '2022-03-30'
  return dateFormatter.format(today);
}

  • 9
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
假设你的ProForm表单包含了一个DatePicker组件,你可以通过使用useState来监听DatePicker的onChange事件,并在选择日期后执行查询操作。以下是示例代码: ```tsx import React, { useState } from 'react'; import { DatePicker, ProForm } from '@ant-design/pro-form'; interface QueryDataProps { // 定义查询数据的接口,这里根据实际情况定义 } const MyComponent: React.FC = () => { const [queryData, setQueryData] = useState<QueryDataProps | null>(null); const handleDatePickerChange = (date: moment.Moment | null, dateString: string) => { // 在这里执行查询操作,例如调用一个API获取数据 // 由于查询是异步的,可以使用loading状态表示正在查询中 setQueryData(null); fetchData(dateString).then((data) => { setQueryData(data); }); }; return ( <ProForm> <ProForm.Group> <DatePicker onChange={handleDatePickerChange} /> </ProForm.Group> {queryData && ( // 显示查询到的数据 <div>{queryData}</div> )} </ProForm> ); }; export default MyComponent; ``` 在上面的代码中,我们使用useState来定义一个queryData状态,用于存储查询到的数据。在handleDatePickerChange函数中,我们可以根据选择的日期值来执行查询操作,并将查询到的数据保存到queryData状态中。最后,在页面中根据queryData的值来显示查询到的数据。 注意,这里使用了moment.js库来解析日期值,需要先安装该库并引入。另外,fetchData函数需要根据实际情况来实现,例如使用axios库调用API获取数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值