获取日期数组

   public static List<string> dateall(string datetime1, string datetime2)
        {
            DateTime date1 = Convert.ToDateTime(datetime1);
            DateTime date2 = Convert.ToDateTime(datetime2);
            List<string> datestr = new List<string>();
            TimeSpan ts = date2 - date1;
            int tss = Convert.ToInt32(ts.Days);
            for (int i = 0; i < tss + 1; i++)
            {
                DateTime dta = date1.AddDays(i);
                datestr.Add(dta.ToString("yyyy-MM-dd"));
            }
            return datestr;
        }
好的,以下是一个基于 Ant Design 的 DatePicker 组件的示例代码,它将在日期下拉框中对应的日期下面显示一个小蓝点提示。这里我们使用了 `dateRender` 属性来自定义每个日期单元格的渲染方式。 ```jsx import { DatePicker } from 'antd'; import moment from 'moment'; import 'antd/dist/antd.css'; const { RangePicker } = DatePicker; // 模拟获取日期数组的函数 function getDates() { return ["2023-05-23", "2023-05-22", "2023-05-19"]; } // 获取需要显示小蓝点的日期集合 function getMarkedDates() { const dates = getDates(); return dates.map(date => moment(date).format('YYYY-MM-DD')); } // 自定义日期单元格的渲染方式 function dateCellRender(current) { const markedDates = getMarkedDates(); const date = current.format('YYYY-MM-DD'); if (markedDates.includes(date)) { return <div style={{ position: 'relative' }}> <div>{current.date()}</div> <div style={{ position: 'absolute', bottom: 0, left: '50%', transform: 'translate(-50%, 50%)' }}> <div style={{ display: 'inline-block', width: 6, height: 6, borderRadius: '50%', backgroundColor: 'blue' }}></div> </div> </div>; } else { return <div>{current.date()}</div>; } } function App() { return ( <div> <RangePicker dateRender={dateCellRender} /> </div> ); } ``` 在上面的代码中,我们首先定义了一个 `getDates` 函数来模拟获取日期数组的操作,然后定义了一个 `getMarkedDates` 函数来获取需要显示小蓝点的日期集合,这里我们使用了 `moment` 库来格式化日期。 接着,我们定义了一个 `dateCellRender` 函数来自定义日期单元格的渲染方式。在这个函数里,我们首先获取需要显示小蓝点的日期集合,然后判断当前日期是否在这个集合中,如果是,则在日期单元格中渲染一个小蓝点提示,否则只显示日期数字。 最后,在 `RangePicker` 组件中使用 `dateRender` 属性来指定日期单元格的渲染方式。运行代码后,你应该能够看到在日期下拉框中对应的日期下面显示了小蓝点提示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值