w3h5-Web前端开发资源网Ant Design RangePicker日期区间组件同时兼容原生和外部按钮控制实现
1Deshun 发布于 2个月前 (07-26) 134℃ 评论(0) 赞 (0)
Ant Design RangePicker 日期区间组件可以使用 open 属性实现外部按钮控制展开收起。但是使用 open 属性后，就只能通过属性控制展开和收起，失焦收起和聚焦展开等原生的功能就失效了。可不可以既能通过点击 RangePicker 组件展开...
Tag "antd" 相关话题
ant design Tabs组件数据丢失取不到值的解决方法
Deshun 发布于 2个月前 (07-25) 155℃ 评论(0) 赞 (0)
使用Ant Design 的 Tabs 遍历了一个 form ，在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全，只能获取到第一个页签和最后一个页签。翻了下 api ，Tabs.TabPane TabItemType 有一个 forceRender 属性，默认值是 fals...
ant design Form.Item validator自定义校验对象的值不为空
Deshun 发布于 2个月前 (07-23) 143℃ 评论(0) 赞 (6)
ant design Form.Item validator自定义校验对象的值不为空：<Form.Item style={{ margin: 0 }} name={dataIndex} rules={[ { &...
Ant Design的DatePicker日期组件不可选日期实现，让New Bing优化代码太棒了
Deshun 发布于 6个月前 (03-27) 359℃ 评论(0) 赞 (0)
antd（Ant Design）是一个基于 React 的UI组件库，它提供了丰富的组件和设计规范，可以帮助开发者快速构建高质量的前端应用。DatePicker 是 antd 的日期选择器组件，支持弹出的日历面板，点击选择或输入日期。DatePicker 还支持设置不可选日期，即禁止用户选择某些特定的日期，比如限制用户只能选择有效期内的日期，或者只能选择未来或过去的日期等。本文将介绍如何...
And Design5 360安全浏览器样式错乱问题解决
2Deshun 发布于 8个月前 (01-30) 913℃ 评论(0) 赞 (0)
在项目开发中，客户反映页面样式错乱问题，经查是 360安全浏览器，使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器，而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
Ant Design Form组件onFinish无法获取Checkbox和Radio的值
3Deshun 发布于 10个月前 (11-18) 756℃ 评论(0) 赞 (1)
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值，代码：<Form.Item label="类型" name="allDay...
Ant Design Pro项目请求接口报错：enable Javascript 解决
4Deshun 发布于 11个月前 (11-14) 1109℃ 评论(0) 赞 (1)
Ant Design Pro项目请求接口时报错：Hi there! Please enable Javascript in your browser to use Ant Design,...
ant design ProLayout出现两个重复header的问题解决
Deshun 发布于 1年前 (2022-09-29) 669℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...
antd Select 选择器组件响应式多选实现
2Deshun 发布于 1年前 (2022-06-23) 760℃ 评论(0) 赞 (1)
要实现一个功能，选择汇总时自动取消中心，选则中心，自动取消汇总，中心是可以多选的。因为要兼容深色皮肤，考虑使用在 antd 的 Select 二开过的组件。现在的问题是，选择框的宽度直接窄，多选时不能优雅的显示 tags 。解决方法：Select 组件有一个 maxTa...
Umi动态修改路由跳转redirect配置
Deshun 发布于 2年前 (2022-02-22) 2097℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置，但如果需要跳转的 path 路径不固定，就比较麻烦了。还在 Umi 提供了运行时配置，可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码：export function patchRoutes({&n...