首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端组件整理

    浏览器探测 Bowser 探测具体浏览器和版本 ua-parser-js 探测具体浏览器和版本,操作系统,设备类型等 调试 JavaScript Debug 对console.log的简单封装,当浏览器不支持...console.log时,输出在一个页面元素里 log 让控制台输出的log有样式 uri.js uri操作 cookie 增删改cookie的工具库 BigDecimal.js 提高精度的数字操作...待办事宜日历 full calendar 支持脱放的方式来改变待办事宜的时间 时间选取组件 jQuery ui datepicker 经典,不是很好看 pickadate 轻量级,手机友好的,漂亮...但貌似只能在弹出层中显示,而没有下拉这种方式显示。 zebra-datepicker 可配置性很强。但貌似只能在弹出在右上方。。。...bootstrap-datepicker bootstrap风格。 dateRangePicker 选取时间段。bootstrap风格。

    14.1K40

    TDesign 更新周报(2022年6月第3周)

    0.42.1FeaturesForm:实例方法 reset 支持重置指定字段,新增参数 { type:'initial' | 'empty', fields:number[] }实例方法 validate 支持值校验而不显示每个组件的错误信息文本... visible 为 true 时的定位抖动Slider:修复 inputNumberProps 无法支持 readonly、tips 等 api 配置问题(#941)DatePicker:enable-time-picker... 状态下,prefixIcon 不起作用Datepicker:修复 datepicker separator 日期分隔符属性失效问题table:合并单元格支持动态数据Table:修复 Table 透传 ... 数字输入框初始化重复渲染问题DatePicker:enable-time-picker 状态下,prefixIcon 不起作用详情见:https://github.com/Tencent/tdesign-vue-next...支持动态数据合并单元格table: 吸顶表头和自定义显示列场景,支持列拖拽调整顺序table: 修复 firstFullRow 存在时,拖拽排序的顺序不正确问题timepicker: 修复初始化滚动问题

    4K10

    React学习(4)——深入说明JSX与props

    如下面代码的例子,即使没有显示的使用React.createElement方法,但是在使用任何React组建时,React和组件都必须在使用时被引入: import React from 'react'...当一个元素以小写字母开头时它会被识别为一个内置的组件,比如或将会转译成字符串'div'、'span'传递给React.createElement方法,最终执行React.createElement...而如果以大写字母开头,例如,则会转译成一个对象作为参数传递,最终执行的方法是React.createElement(Foo)。 我们推荐在命名自定义组件时将首字母大写。...autocomplete /> 通常情况下不推荐像上面这样使用,因为这会和ES6的简写语法混淆——{foo}是{foo:foo}的简写而不是...需要特别说明的是falsy值(参看mozilla官文说明),当变量值为数字型的0时,React还是会将其渲染的。

    1.3K20

    TDesign 更新周报(2022年11月第1周)

    组件库Vue2 for Web 发布 0.49.3 FeaturesInput: @chaishi (#1700) 支持在输入框实时显示数字限制支持对 unicode 字符长度的判定status 为空时...,使用拖拽排序,数据交换结果不正确,issue#1342Dialog: 修复参数 footer = false 时,footer 节点仍然渲染的问题 @huangpiqiao (#1713)Datepicker...(#1721)Textarea: 修复status的类型问题 @yaogengzhu (#1710)TimePicker: 修复12小时制时分的显示异常 @uyarn (#1728)Dropdown:...(#1937)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发的问题 @xiaosansiji (#1939)Select: 修复无法使用 0 作为...和 selectProps.popupProps 到组件 Pagination,以便实现挂载节点等复杂场景需求, issue#1611 @chaishi (#1638)Input: 支持在输入框实时显示数字限制

    2.1K20

    React 深入说明JSX语法与Props特性

    如下面代码的例子,即使没有显示的使用React.createElement方法,但是在使用任何React组建时,React和组件都必须在使用时被引入: import React from 'react'...当一个元素以小写字母开头时它会被识别为一个内置的组件,比如或将会转译成字符串'div'、'span'传递给React.createElement方法,最终执行React.createElement...而如果以大写字母开头,例如,则会转译成一个对象作为参数传递,最终执行的方法是React.createElement(Foo)。 我们推荐在命名自定义组件时将首字母大写。...autocomplete /> 通常情况下不推荐像上面这样使用,因为这会和ES6的简写语法混淆——{foo}是{foo:foo}的简写而不是...需要特别说明的是falsy值(参看mozilla官文说明),当变量值为数字型的0时,React还是会将其渲染的。

    1.6K30

    实践-小细节 Ⅰ

    UIDatePicker 这个时间选择器的显示,会随着手机的语言设置而不同,对于用模拟器的小伙伴,默认的显示样式是英文的,当把模拟器的语言设置成简体中文时就变成这样了 ?...这样iOS就能知道移除的是自己的kvo,而不是父类中的kvo,避免二次remove造成crash。 6.阴影效果不出来?...UITextView 无法设置单行输入,当输入的内容超过当前行的长度时就会自动换行,使用回车键也可以达到换行的效果。当内容大小超出了当前的Frame  就可以滚动。...M  将月份显示为不带前导零的数字(如一月表示为 1)。如果这是用户定义的数字格式中的唯一字符,请使用 %M。 MM  将月份显示为带前导零的数字(例如 01/12/01)。...如果这是用户定义的数字格式中的唯一字符,请使用 %m。 mm  将分钟显示为带前导零的数字(例如 12:01:15)。 s  将秒显示为不带前导零的数字(例如 12:15:5)。

    2.3K20

    TDesign 更新周报(2022年10月第2周)

    ,用于设置单行表头合并超出省略功能,支持同时设置省略浮层内容 ellipsis.content 和属性透传 ellipsis.props增强型表格,支持列配置,支持不传 displayColumns 时默认显示全部列...Datepicker: 修复范围选择器面板年份异常的问题 @sinbadmaster (#1644)修复范围选择器数据格式化异常的问题 @HQ-Lin (#1613)Upload: 只有多个上传请求同时触发时才需触发...@skytt (#1847)Tag: 样式优化,实现 light-outline 风格 @HelKyle (#1859)Table: 增强型表格,支持列配置,支持不传 displayColumns 时默认显示全部列...tooltip 无法显示问题(issue #1834) @ChrisLee0211 (#1842)DatePicker: 修复 range 数据格式化异常问题 @HQ-Lin (#1845)Tree:...= left 时, Nav 不可见且不居左的问题 @LeeJim (#908)TabBar: 修复 item 不传 value 时无法自动生成备用值的问题 @LeeJim (#914)详情见:https

    1.5K20

    TDesign 更新周报(2022年7月第1周)

    Form.errorMessage 模板中的 ${name} 会被替换为 FormItem.label 属性;当 label 属性为 slot/function 时,${name} 会被替换为 FormItem.name...number 规则校验不生效的问题Table:动态数据合并单元格,删除行数据时,未更新合并单元格状态修复自定义筛选组件不显示问题ColorPicker: 修复颜色选择器样式异常ConfigProvider...: 修复 config-provider 同时存在 provide 和 setup#provide 导致卡顿的性能问题DatePicker: 修复suffixIcon、clear事件问题详情见:https...方法兼容 value 的 aliasForm: 修复不传 form.onSubmit 回调函数导致的 scrollToFirstError 参数失效的问题DatePicker: 修复 clearble...Table: 修复合并单元格,动态数据显示异常问题、Table: 可编辑功能,数据更新不及时问题Cascader: 修复数据中 value 的数据类型为 number 时,clearable 失效Dialog

    3K10

    如何使用 React 构建自定义日期选择器(1)

    在本教程中,您将学习如何使用 React 和原生 JavaScript日期对象从头构建自定义日期选择器。下面是一个简短的演示,展示了日期选择器的外观。 ?...如果不是这样,您可以查看 React文档 来了解有关React的更多信息。 在开始之前,您需要确保您的计算机上已经安装了 Node。...Datepicker组件:它渲染日期输入并显示选择日期的日历。 每个组件都将包含在自己的目录中,其中包含两个文件——index.js 和 styles.js。...index.js 导出组件,而 styles.js 导出组件所需样式的样式化组件。...请注意,已经为您打开了一个浏览器选项卡,该选项卡具有实时重新加载功能,以便在开发时与应用程序中的更改保持同步。

    7.3K10

    如何使用 React 构建自定义日期选择器(3)

    本文作者:IMWeb howenhuo 原文出处:IMWeb社区 未经同意,禁止转载 接着上一篇:如何使用 React 构建自定义日期选择器(2) Datepicker 组件 构建 Datepicker...当组件 mount 时,Date 对象从传递给组件 props 的 value 解析,并更新 state,如componentDidMount() 方法所示。...渲染 datepicker 此时,值得一提的是,Bootstrap Dropdown 组件将用于模拟自定义日期选择器的下拉效果。这就是为什么 Reactstrap 包被添加为此项目的依赖项的原因。...Styled.DatePickerDropdown> ); } } Styled.DatePickerFormGroup 组件是一个 Bootstrap...结论 在本教程中(1、2、3),您已经能够逐步了解如何构建一个定制的 React 日期选择器组件,该组件可以作为原生 HTML5 日期选择器输入元素的替代。

    9.4K10

    TDesign 更新周报(2022年7月第4周)

    0.18.1 FeaturesTable: 树形结构,支持 resetData 重置整个树形结构数据TagInput: 支持标签拖拽Slider: Slider新增showStep属性控制步长刻度值显示...Table: 树形结构,懒加载节点重置时(即调用 setData)没有清空子节点信息问题Card: 修复 loading 状态无效Space: 组件中若存在 v-if,则不渲染的组件间距依然存在InputNumber...: 修复初始化为 undefined 情况下操作按钮 disabled 的校验问题Radio: 修复点击选择父盒子点击事件触发两次DatePicker: 修复重置日期后面板月份未重置问题DatePicker...Bug FixesForm: 修复 form 数字字符串长度校验错误问题List: 修复 ListItem 透传 style 问题DatePicker: 修复重置日期后面板月份未重置问题ColorPicker...0 时不能正常切换的问题Textarea: 修复超出 maxcharacter 后,仍能继续输入的问题Picker: 修复因重复定义 options 导致告警的问题Image: 补充缺失的 shape

    2.6K40

    TDesign 更新周报(2022 年 5 月第 2 周)

    textarea 作为 panelContent 时无法使用键盘事件的问题 Slider: 修复 InputProps 属性传递布尔值时 ts 错误的问题 Table: 固定列滚动阴影修复 Dropdown...Progress: 修复环形进度条显示比例不准确 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.3 Vue3 for Web...: 修复初始化且为显示时的 lock 问题 breadcrumb: 修复弹出 tooltip 异常 input: 修复 autowidth 模式计算错误 form: 修复当 modelValue 为外部传入的...undefined 时,双向绑定失效 form: 修复 attrs 注入异常 timePicker: 修复当 modelValue 为外部传入的 undefined 时,clearable 失效 Steps...: 支持 separator api & 修复响应式问题 progress: 环形进度条显示比例不准确 Table: 修复 多级表头 + 列配置 综合示例中,列数量超出一定限制时报错 tooltip:

    2.1K40

    BootStrap插件组件使用总结

    意义 p 12小时制且小写(‘am’ or ‘pm’) P 12小时制且大写(‘AM’ or ‘PM’) s 秒,前面不补0 ss 秒,前面补0 i 分,前面不补0 ii 分,前面补0 h...时,24小时制,前面不补0 hh 时,24小时制,前面补0 H 时,12小时制,前面不补0 HH 时,12小时制,前面补0 d 日,前面不补0 dd 日,前面补0 m 月,数字表示,前面不补...0 如:4 mm 月,数字表示,前面补0 如:04 M 月,缩写表示,前面补0 如:Apr MM 月,全称表示,前面补0 如:April yy 年,后两位 如:16 yyyy 年,全部 如:2016...AM与下午PM todayBtn: 1, // 显示today今天按钮 todayHighlight: 1, // 高亮显示今天日期与时间 startView:...yyyy-mm-dd hh:ii:ss', //格式化字符串 weekStart: 5, weekEnd: 4, }) 示例结果: WeiyiGeek.datepicker

    1.7K30
    领券