组件库Vue2 for Web 发布 0.52.2 FeaturesTable: @chaishi树形结构，支持点击行展开树节点，issue#1847 (#1915)树形结构，点击树节点展开图标时，不触发... onRowClick 行点击事件虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 (#1914)虚拟滚动支持数据变化时不重置，进而支持树形结构无限滚动虚拟滚动支持表格高度变化，vue-next...:修复右侧面板月份展示错误问题 @honkinglin (#1924)修复 tips 样式问题 @honkinglin (#1927)兼容 value 传入空字符串 @honkinglin (#1927... onRowClick 行点击事件，issue#1847 @chaishi (#2147)虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 @chaishi (#2112)虚拟滚动支持数据变化时不重置...current；相对元素位置不正确； @zhangpaopao0609 (#1803)DatePicker: 修复右侧面板月份展示错误 @honkinglin (#1802)Dialog: 修复滚动条判断问题
下载 DatePicker 多粒度时间选择器组件下载 DatePicker 多粒度时间选择器 可进行多粒度时间选择器，组件名：rattenking-dtpicker，代码块： ruiDatePicker...bindChange" @cancel="bindCancel" > 实际效果参考：https://github.com/Rattenking/rui-uni-components DatePicker...时间选择器的粒度 disabled Boolean false 是否为禁用状态 fields 值说明： 值 类型 说明 year String 选择器粒度为年 month String 选择器粒度为月份...day String 选择器粒度为天 hour String 选择器粒度为小时 minute String 选择器粒度为分钟 second String 选择器粒度为秒 事件说明： 事件名称 说明...change 时间选择器点击【确定】按钮时时触发的事件，参数为picker的当前的 value cancel 时间选择器点击【取消】按钮时时触发的事件 下载 DatePicker 多时间粒度选择器组件下载
Popconfirm: 修复确认框中按钮默认大小 Upload: 修复上传中状态文案 Popup: 修复 hideEmptyPopup 在动态改变内容时不生效的问题 Table: 修复合并单元格边框样式问题 Datepicker...: 修复区间时间选择时，月份/年份选择面板样式异常的问题 修复 Table/SelectInput/TagInput 按需引入时出现 composition-api 相关报错的问题 Features Table...progress 事件触发时，上传文件 loadingFile 值不正确的问题 修复最大数量限制 max 在多次文件选择中判断不正确的问题 Pagination: 修复跳转页输入框展示了额外 placeholder...__row-last-full-row 更为 t-table__last-full-row Bug Fixes Affix: 修复 onFixedChange 触发时机，在固定状态发生变化时才会触发该事件...: 修复区间选择时间，月份/年份选择时间类型异常的问题 InputNumber: 修复不能输入小数点问题 Popconfirm: 修复按需加载样式丢失问题 Select: 修复首次 focus 自动搜索问题
实现的细节： 1）怎样让datepicker默认就显示在指定的地方而不是通过输入框焦点触发？...这点其实很简单，通过查datepicker的api就可以知道datepicker初始化的时候会自动判断调用它的元素类型是什么，如果是input，它就会等待点击触发，如果是div，它默认就会显示出来了，所以...有这个机制就好办了，在这个钩子里添加代码，遍历课程列表，如果当前单元格的日期与课程的开课日期是同一天，就返回一个带有三个元素的数组变量，分别代表日期是否可选，要在日期容器里额外添加的class属性及单元格的hover事件触发时显示的内容...由于每次渲染日期时都会经过这个方法处理，所以，只要把课程列表初始化好，在用户切换月份和年份的时候都会自动处理，不需要再在切换年月份的时候做干预，非常简便就能达到想要的效果了。 ...选中有课程的日期时，会触发控件的onSelect事件，弹出课程列表的操作写在onSelect事件的响应方法里面就可以了。下面是初始化控件的完整代码，仅供参考。
React Native日期时间选择组件：react-native-datepicker，支持安卓和IOS双平台，支持单独选择日期、单独选择时间和选择日期和时间，支持自定义日期格式。 效果图 ?...安装方法 npm install react-native-datepicker --save 示例代码 time: {this.state.time...} DatePicker style={{width: 200}} date={this.state.datetime}...confirmBtnText：确定按钮的显示名称 cancelBtnText：取消按钮的显示名称 minDate：显示的最小日期 maxDate：显示的最大日期 duration：时间间隔 onDateChange：日期变化时触发的事件...组件地址 GitHub - xgfe/react-native-datepicker: react native datePicker component for both Android and IOS
组件库Vue2 for Web 发布 0.44.1 Features支持通过 CSS Token 配置组件圆角 Bug FixesDatePicker: 修复重置日期后面板月份未重置问题修复时间选择器滚动错误...Space: 组件中若存在 v-if，则不渲染的组件间距依然存在InputNumber: 修复初始化为 undefined 情况下操作按钮 disabled 的校验问题Radio: 修复点击选择父盒子点击事件触发两次...DatePicker: 修复重置日期后面板月份未重置问题DatePicker: 修复range 选择器开始时间被禁用问题详情见：https://github.com/Tencent/tdesign-vue-next...: 修复重置日期后面板月份未重置问题ColorPicker: 修复添加颜色受控/非受控不能点击的问题详情见：https://github.com/Tencent/tdesign-react/releases...FeaturesTabs: 超过屏幕时，自动将激活的选项滚动到中间Tabs: 新增 swipeable 属性，用于控制是否滑动切换PullDownRefresh: 新增 scrolltolower 事件
showErrorMessage }FormItem 支持自定义 help 内容，插槽和渲染函数均可新增纯净的校验方法 validateOnly，专门用作校验，不带任何副作用修复TagInput 组件按下 Enter 时触发... submit 事件，不再触发Dialog：优化动画初始位置Bug FixesTable:修复 table 透传 loading size 为枚举无效的问题优化吸顶和吸底的位置，支持带有 offsetBottom..., props:{} } }]Table：拖拽排序事件，新增参数 data 和 newData，分别表示变更前后的数据popup：支持动态设置 trigger & placementInputAdornment...onBlur、onInput 等APIDatepicker：增加 allowInput api, 新增 DatePickerPanel 与 DateRangePickerPanel 单独使用支持年份、月份区间选择...: 完善 panel 事件逻辑Bug Fixestable: 修复table透传 loading size 为枚举无效的问题Select: option子组件没有透传 style 实现的问题table:
整个头部的背景颜色 android:headerDayOfMonthTextAppearance：头部日期字体的颜色 android:headerMonthTextAppearance：头部月份的字体颜色...android:yearListSelectorColor：年列表选择的颜色 属性就是上面这些，你想怎么玩就怎么玩，接下来我们说下他的DatePicker的事件： DatePicker.OnDateChangedListener... 另外，奇怪的是，如果是上面这种mode为calendar的设置了事件并没有响应，看来上面这种 只能选择完后获取对应的值了，如果你的mode未spinner的话，使用下述代码就可以完成事件监听： 实现代码如下...而他对应的监听事件是：TimePicker.OnTimeChangedListener。...,Toast.LENGTH_SHORT).show(); } }); } } 运行效果图： 可惜的是，同样需要旧版本的TimePicker才会触发这个事件
最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。...原理 DatePicker 的原理是——计算日历面板中当月或选中月份的总天数及前后月份相近的日子，根据点击事件计算日历面板显示内容，以及将所选值赋值给标签。...构思页面结构 DatePicker 组件由输入框和日历面板组成，写好页面主体结构。...input, 因此需在 selectDate 方法中 emit 事件及数据给父组件 selectDate(item) { ......点击页面其他位置收起日历面板 原理 监听页面的点击事件，检测到有点击事件时关闭面板，但点击组件内容时也会触发点击事件，因此需要在组件内部阻止冒泡。
初值为 undefined 时, 组件初始化为非受控的问题修复多选下换行提取占满一行的问题SelectInput: 修复展开下拉时失去焦点不高亮的问题TagInput: 修复中文输入按下 Enter 时不触发新标签...InputNumber: 修复enter事件不触发的问题Affix: 节点挂载后吸顶没有执行的问题详情见：https://github.com/Tencent/tdesign-vue/releases/...DatePicker： 修复通过过快捷方式设置的时间区间高亮数据异常DatePicker： 修复栅格的情况下组件宽度 超过父级容器的限制 组件显示不完整Dialog： 修复 dialog 蒙层点击事件失效...时 clearable 属性不生效Form： submit 和 reset 现在不会触发 submit 和 reset 事件Form： submit 实例方法兼容 safari 浏览器 (https：...tdesign-vue-next/pull/964ConfigProvider： 修复 inject 在 computed 中意外出现, 优化配置文件 merge 性能Tabs： 修复 panels 变化时
android:maxDate 表示日历显示的最大日期 android:spinnerShown 表示是否显示调节箭头按钮 DatePicker是一个用于日期选择的控件，对应的类是android.widget.DatePicker...，常用方法如下： init() 用于初始化显示日期和注册日期选择变化的监听器 getYear() 用于提取选中的年份 getMonth() 用于提取选中的月份 getDayOfMonth() 用于提取选中的日...布局示例如下： DatePicker android:id="@+id/datepick" android:layout_width="wrap_content...setOnChronometerTickListener(Chronometer.OnChronometerTickListener listener)：为计时器绑定事件监听器，当计时器改变时触发该监听器...// 开始记时 chronometer.start(); chronometer.stop(); //停止 计时器定时触发的事件
，选项改变事件 public void onSelectedDayChange(CalendarView view, int year, int month, int dayOfMonth)...android:maxDate 表示日历显示的最大日期 android:spinnerShown 表示是否显示调节箭头按钮 DatePicker是一个用于日期选择的控件，对应的类是android.widget.DatePicker...，常用方法如下： init() 用于初始化显示日期和注册日期选择变化的监听器 getYear() 用于提取选中的年份 getMonth() 用于提取选中的月份 getDayOfMonth() 用于提取选中的日...setOnChronometerTickListener(Chronometer.OnChronometerTickListener listener)：为计时器绑定事件监听器，当计时器改变时触发该监听器...// 开始记时 chronometer.start(); chronometer.stop(); //停止 计时器定时触发的事件
TimePicker: time-range-picker suffix icon 丢失问题 message: 修复插件式调用时，用户传入 onCloseBtnClick 事件时，无法触发回调 notification...: 修复插件式调用时，用户传入 onCloseBtnClick onDurationEnd 事件时，无法触发回调 menu: 修复 expandMutex 属性设置无效 slider: 修复 toolTipProps...、TimePicker 组件，样式结构有所调整，存在不兼容更新 Features DatePicker: 移除 rangeapi，分别导出 Datepicker 与 DateRangePicker 组件...支持 DatePickerPanel 与 DateRangePickerPanel 单独使用 支持年份、月份区间选择 支持 allowInput api TimePicker： 重新调整样式、允许输入交互重新设计...，增加返回 cursor 和 keyCode 数据 增加 keyboardheightchange 事件，键盘高度发生变化的时候触发 增加占位符相关属性：placehoderStyle 和 placeholderClass
已经存在的 beforeUpload 用于判定单个文件的是否继续上传新增事件 onValidate，文件校验不通过时触发，可能情况有：自定义全文件校验不通过、文件数量校验不通过、文件数量校验不通过新增事件...已经存在的 beforeUpload 用于判定单个文件的是否继续上传 @chaishi (#1723)新增事件 onValidate，文件校验不通过时触发，可能情况有：自定义全文件校验不通过、文件数量校验不通过...、文件数量校验不通过、文件名重复（允许重复文件名场景下不会触发）@chaishi (#1723)新增事件 onOneFileSuccess ，多文件上传场景下，在单个文件上传成功后触发 @chaishi... (#1723)新增事件 `onOneFileFail ，多文件上传场景下，在单个文件上传失败后触发 @chaishi (#1723)新增 formatRequest 用于新增或修改上传请求参数（现有的...:修复 prefixIcon suffixIcon 失效问题 (issue #1673) @HQ-Lin (#1724)优化 datepicker 输入事件交互 @HQ-Lin (#1736)Dialog
Upload 支持单请求上传批量文件 新增 SelectInput 和 TagInput 组件 支持全局关闭斜八度波纹动画 Form: 支持通过 setValidateMessage 设置自定义校验结果 修复 Datepicker...github.com/Tencent/tdesign-vue/releases/tag/0.36.0 Vue3 for Web 发布 0.9.3 版 新增组件SelectInput 全局配置: 支持关闭斜八度波纹动画 DatePicker...： 修复 onPick 事件配置无效的问题、无法清除面板中已选值、点击年份或月份后，日期弹窗意外消失 修复在有输入的值且无 tag 的情况下，不展示清除按钮。...且点击后 onClear 方法未触发。
日历组件的使用 DatePicker type="date" style="" class="date" format="yyyy/MM/dd"...：clearable 是否出现清除按钮----- 默认为true @on-change 绑定日历发生改变事件 -----绑定事件 placeholder 提示信息-----自定义提示信息 :start-date...="new Date(1991, 4, 14)" 意思是点击进入选择时，到1991,4.14日 还有其他的功能详情看官方文档 扩展知识 如何进入页面就显示当前的日期？...如何进入页面就显示当前的日期与上一个月的当前日期？ 就是说今天3.2号，要显示为2.2---3.2这段时间 上代码 if (this.startDate !...= new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; /// 获得月份
#1510) FeaturesTable: 新增 column.resizable 支持自定义任意列是否可拖拽调整宽度 @ZTao-z (#1523)Message: Message 新增 onClose 事件...#1640) (issue #1641) @pengYYYYY (#1514)Icon: 修复修改prefix替换组件前缀对图标的影响 #common842 @uyarn (#1531)Table修复数据变化时...分页吸底位置没有变化的问题 @uyarn (#1528)修复数据变化时,吸底滚动条位置没有变化的问题 @LoopZhou (#1535)修复分页操作会触发两次 onPageChange 的问题 @yusongH...options 动态设置为空失效 @pengYYYYY (#1501)Checkbox: 修复非规范属性引起的告警 @leosxie (#1496)TagInput: 修复清除按钮未调用 onClear 事件...NaN 问题 @anlyyao (#304)Stepper: 修复输入值能超出 max 的问题 @anlyyao (#304)Stepper: 修复 value 值小于 min 或超出 max 时，不触发
最后还要提供一个回调接口，用于主页面上处理日期和时间的选择事件，同时在确定按钮的点击事件中要触发该回调接口的方法。...datePicker = (DatePicker) view .findViewById(R.id.date_picker); Calendar calendar = Calendar.getInstance...(); // 初始化时间 calendar.setTime(new Date()); datePicker.init(calendar.get(Calendar.YEAR), calendar.get...(), datePicker.getMonth()+1, datePicker.getDayOfMonth())); dialog.cancel();...当然不要忘了在主页面的回调方法中对选定文件做具体处理，文件打开之后要如何读取数据，又要如何把内存中的数据保存到文件中。 下面是文件打开对话框与文件保存对话框的页面截图： ? ?
Icon: 修复 iconfont 高级用法由于 t-icon 的 干扰导致渲染异常的情况Select:修复 panelTopContent、panelBottomContent 透传失效的问题修复监听事件未正常移除的问题修复...列配置全选功能选不全的问题修复可选中行 table 组件，data 为空数据时，默认全选按钮会选中的问题兼容IE滚动条高度计算覆盖不全问题修复树形结构懒加载顺序问题可编辑单元格，修复 onEnter 无法触发...列宽拖拽，拖动到边界处后无法再次拖动Table: 多级表头场景下的多选，无法全选Table: 修复可选中行 table 组件，data 为空数据时，默认全选按钮会选中的问题InputNumber: 修复初始化时对...drawer: 修复开启 destroyOnClose 时多次打开关闭时动效丢失问题table: 可编辑单元格，修复无法透传 ReactNode 属性到组件table: 可编辑单元格，修复 onEnter 无法触发...70% }] ，存在不兼容更新 FeaturesPicker: 增加 autoClose 属性，点击确认、取消、遮罩层时自动关闭Result: 新增组件 Bug FixesPicker: 修复 pick 事件返回的
支持多行文本展示 Bug Fixes Table：列拖动优化；修复选中行后列拖动距离被重置问题 Table：修复 多级表头 + 列配置 综合示例中，列数量超出一定限制时报错 Transfer：修复列表数量变化时的页码展示问题...Input：修复 clear 触发后的 focus, 修复外部传入onMouseenter, onMouseleave, onwheel 事件导致组件内对应方法未执行的问题 TreeSelect...github.com/Tencent/tdesign-vue-next/releases/tag/0.15.0 React for Web 发布 0.34.0 ❗ Breaking Changes DatePicker...存在不兼容更新 Form：不再默认渲染 help 空节点 Features Form：FormList 支持手动赋值 Form：支持 help 节点与错误提示同时展示，无 help 不再默认占位 DatePicker...：支持 onChange 返回 trigger 参数定位事件触发源 & 单选模式支持 onPick 事件 Watermark：新增水印watermark组件 Calendar：新增 month、year
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
云直播
腾讯会议
