antd 相关问题

Ant Design，一种企业级UI设计语言和基于React的实现。

如何限制antd上传单个文件？

...

reactjs antd

回答 3 投票 0

在 Ant Design 中配置 TimePicker 以“HH:mm”格式显示和选择时间

如何配置 Ant Design 中的 TimePicker 组件始终以“HH:mm”格式显示和选择时间，无论用户是否以“...”格式输入时间

javascript reactjs datepicker antd timepicker

回答 1 投票 0

Ant Design - 如何根据日期禁用范围选择器中的特定小时/分钟？

我有一个范围选择器：我有一个范围选择器： <RangePicker changeOnBlur={true} onChange={horas} disabledDate={datasImp} disabledTime={horasImp} placeholder={["Begin", "End"]} showTime={{format:'HH:mm'}} format="DD/MM/YYYY HH:mm" /> const horasImp = () => { return { disabledHours: () => { //disabled hours before now return [...range(0, 6), ...range(23, 24)] }, disabledMinutes: (hour) => { //disabled minutes before now if(hour == dayjs().hour()){ return range(0, dayjs().minute()) } else if(hour == 22){ return range(31,60) } else{ return [] } }, }; } const datasImp = (current) => {return current && current < dayjs().subtract(1, 'day')} 我的disabledDate和disabledTime运行良好，但我想根据日期禁用特定时间。或者换句话说 - 我想在禁用分钟/禁用小时时获取当前日期。我该怎么做？要根据 disabledMinutes 和 disabledHours 函数中的日期禁用特定时间，您可以在创建 disabledMinutes 对象时将当前日期传递给 disabledHours 和 disabledTime 函数。您可以修改 horasImp 函数以接受当前日期作为参数，并在 disabledMinutes 和 disabledHours 函数中使用它。以下是如何修改代码的示例： import { RangePicker } from "antd"; import dayjs from "dayjs"; const MyRangePicker = () => { const horasImp = (currentDate) => { return { disabledHours: () => { // disabled hours before now return [ ...Array( dayjs(currentDate).isSame(dayjs(), "day") ? dayjs().hour() : 0 ).keys(), ...Array(dayjs().hour() >= 22 ? 0 : dayjs().hour()).keys(), ]; }, disabledMinutes: (hour) => { // disabled minutes before now if (hour === dayjs().hour()) { return [...Array(dayjs().minute()).keys()]; } else if (hour === 22) { return [ ...Array( dayjs().minute() >= 30 ? 0 : dayjs().minute() + 30 ).keys(), ]; } else { return []; } }, }; }; const disabledDate = (current) => { return current && current < dayjs().subtract(1, "day"); }; const handleChange = (dates, dateStrings) => { console.log("Selected Time:", dates, "Formatted Time:", dateStrings); }; return ( <RangePicker changeOnBlur={true} onChange={handleChange} disabledDate={disabledDate} disabledTime={horasImp} placeholder={["Begin", "End"]} showTime={{ format: "HH:mm" }} format="DD/MM/YYYY HH:mm" /> ); }; export default MyRangePicker; 在此示例中，horasImp函数现在采用 currentDate 参数，该参数是在 RangePicker 中创建 disabledTime 对象时传递的。然后，disabledHours 和 disabledMinutes 函数使用此 currentDate 根据当前日期做出决策。此修改应该允许您根据 RangePicker 中的日期禁用特定时间。根据您的具体要求调整 disabledHours 和 disabledMinutes 函数内部的逻辑。

reactjs antd dayjs

回答 1 投票 0

Antd 输入不显示默认对象数据名称

问题：所以我有一个可搜索的输入，用户可以使用它从数据库中查找一个系列，antd 显示可选择的选项并且搜索工作，它将返回搜索结果。怎么样...

next.js antd

回答 1 投票 0

如何在服务端渲染中使用ant design？

我想在服务器端渲染React应用程序项目中使用ant design。如何在服务端渲染中导入antd？进口 { 图标、表单、输入、按钮、上传、选择、徽章、阿凡达，迪...

reactjs antd

回答 3 投票 0

如何使用 Cypress 自动移动水平 Ant Design 步长范围滑块中的两个标题？

我一直在尝试使用 cypress 自动化移动 Ant 设计步骤范围滑块的两个标题。是为了在我们的项目中选择一个薪资范围，所以根据这些来过滤薪资...