文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TDesign 更新周报（2022年12月第1周）

事件参数返回的数据不正确问题序号列支持跨分页显示 tdesign-vue-next#2072修复分页场景下，设置 max-height 和 bordered 之后，边框线位置不正确 issue#2062...，用于支持在分页场景中，仅选中当前页数据，切换分页时清空选中结果，全选仅选中当前页数据 @chaishi (#2074)Calendar: 日历组件支持多个高亮单元格； @PsTiu (#2075) Bug...FixesTable: 修复本地数据分页场景中，切换分页大小，onPageChange 事件参数返回的数据不正确问题 @chaishi (#2074)序号列支持跨分页显示(issue#2072) @chaishi...) @Zzongke (#2069)Calendar: 修复日历组件在月历模式下高亮显示的 bug。...: 减少表格重渲染 #1688 @jsonz1993 (#1704)修复本地数据分页场景中，切换分页大小，onPageChange 事件参数返回的数据不正确问题 @chaishi (#1755)序号列支持跨分页显示

2.1K30

（来啦，老弟）从零实现一个日历组件

一、日历组件简介 日历组件主要是由一个文本输入框组成，点击文本输入框后会在文本框下方显示日历面板，日历面板包含三部分:头部区(主要显示当面日历面板对应的年月以及四个年月上下切换按钮)、内容区(显示星期...> hello calendar ⑤ 通过vue serve启动 ，会自动加载calendar项目根目录下的App.vue根组件并执行，在浏览器中输入...⑥ 接下来我们开始编写日历组件了，首先在calendar项目根目录下新建一个components目录，然后在其中新建一个calendar.vue组件，日历组件接收一个value属性，数据类型为Date日期类型...，接下来我们开始编写日历中的内容了，日历组件包括一个文本输入框和一个日历面板，日历面板中的内容我们后面实现，这一步先写文本框样式及日历面板非内容部分，如: // 添加iconfont字体样式，主要用于文本框中的日历图标...，接下来就是实现点击文本框显示日历面板，点击日历面板外部则关闭日历面板，要实现该功能需要通过自定义指令，因为指令就是对DOM操作进行封装，其主要是让document监听click事件，如果点击的元素在绑定指令的

2.2K50
您找到你想要的搜索结果了吗？
是的
没有找到

可视化搭建平台的地图组件和日历组件方案选型

在 H5-dooring 创建的初期主要考虑的方向是用户使用的便捷性, 即最大程度的降低用户操作成本, 所以采用了智能布局, 也就是react-grid-layout这个库, 之前考虑过完全的自由布局,..., 所以说我们在实现自定义组件时, 往往也需要考虑内外部的抽象....', }; export default template; 有了以上三个部分, 我们要可以渲染出一个在画布中可拖拽, 可编辑的组件了....开发地图组件 有了以上的组件开发经验之后我们开发地图组件就非常方便了. 地图组件我们这里使用了@uiw/react-baidu-map, 也就是百度地图的React版本, 大家也可以使用高德地图...., 主要更新如下: 列表组件添加搜索功能 图标组件添加链接交互功能, 自定义文本, 文本颜色, 文本大小配置 图表组件支持自定义第三方api接口, 一键导入第三方数据源

1.6K20

iOS 工作日——过滤法定节假日日历提醒的实现

但笔者想到了另一个，虽然iOS程序不能直接添加闹钟，但是iOS程序可以直接添加日历提醒啊，比如预约直播或者预约抢购的，其实都是添加事件到日历中，然后在指定的时间，弹出来日历提醒去做什么，也不是不可以用。...看图如下，"自定义的事项日历"即是笔者自定义的日历，笔者所添加的日历事件都会在这个日历中，如果不想要看到这些事件，可以直接把前面的勾选去除，日历中就不会显示自定义的日历事件了。...，还需要考虑一点，就是节假日数据有更新的时候，如何更新？...这样请求了之后，根据version对比，如果节假日数据没有更新，则无需做任何操作，如果有更新，则根据更新的数据默默的把明年的日历也创建了即可。...参考 Creating a Recurring Event ios – 如何从日历中获取所有事件(Swift) holiday-cn 节假日 API

6.5K11

FullCalendar 日历插件中文说明文档

事件源对象 事件源即日历中的数据来源，FullCalendar提供了数组、函数调用、以及JSON数据的形式，当然也可以通过Google Calendar feed获取数据接口。...helloweba.com后面会有文章专门介绍事件数据的操作，包括数据的查询、写入、更新和删除操作。 以下是Event事件相关的参数属性说明。...true startParam 在使用URL方式获取events数据源的时候, 自动插入到URL中的参数, 表示当前需要抓取的日程事件的起始时间。...true eventDataTransform callback，将外部数据源转换成Fullcalendar可以处理的数据 loading callback，日历开始加载的时候，isLoading参数为...addEventSource method，添加一个日程事件源，添加之后， FullCalendar会马上从该源获取日程事件， 并加载到日历中。

30.7K90

TDesign 更新周报（2022年4月第1周）

组件库 *** Vue2 for Web 发布 0.40.1 版 Bug Fixes Table: 修复本地数据排序，异步加载数据时分页失效的问题 详情见：https://github.com/Tencent.../SelectInput/TagInput 按需引入时出现 composition-api 相关报错的问题 Features Table: 支持外部设置当前显示列，新增 API displayColumns...修复最大数量限制 max 在多次文件选择中判断不正确的问题 Pagination: 修复跳转页输入框展示了额外 placeholder 默认内容的问题 TreeSelect: 修复 treeProps...HTML 结构变更，写过 CSS 样式覆盖的同学需注意更新样式 表头更为使用 th 标签，之前为 td，不符合语义 事件 row-db-click 更为 row-dblclick ，onRowDbClick...Demo 样式 修复 Pagination 跳转页输入框展示了额外 placeholder 默认内容 Features 重构 TreeSelect 为 Composition-api 重构 日历组件

2.4K20

Google日历简易版 2.0

大家用不用Google日历？ 它可以用来规划日程、记录事项、甚至写日记，既安全（数据保存在Google的机房）又方便（各种平台都能访问），甚至还很贴心地提供手机同步和免费短信提醒。...但是，又不喜欢它的界面：拥挤丑陋，辨识困难，操作麻烦。于是，2008年，我写了一个"Google日历简易版"。 今年四月份，Google启用新版本API，我的那个程序彻底无法使用了。...你写了一个日历程序，可是连用户的最新事件都取不到......（我现在的解决方法是，一个时间段内限定取回30个事件。如果超出这个数量，只有用户自行缩短时间段了。）...所以，基于这个API的任何程序，大概只能是写写玩玩，不可能考虑运营与发展。 我认为，Google这样地封闭平台，无非就是为了防止外部开发者与其竞争，尽量把用户留在自家网站上。...下一次大版本的更新，我打算实现下面两个功能： 　　1.　颜色标签，不同事件采用不同的背景色； 　　2.

1.4K80

FullCalendar - 开源的多功能 JavaScript 日历插件

的日历插件，FullCalendar 拥有超过 300 种设置，支持模块化导入，几乎可以实现任何效果。...此教程是基于Vue2，FullCalendar 同时也支持 Vue3，文档在https://fullcalendar.io/docs/vue 官方指南提示不会深入介绍Vue的使用，需要自己根据示例和可运行的项目参考...三 使用 新建一个Vue组件或者在原有组件上导入，这里我就用一个新的组件（HelloWord.vue）作为示例，方便查看。...导入了核心组件和一些扩展组件，在 components 中注册组件 最后使用 FullCalendar 运行项目，日历大概就是这个样子。 options 属性就是控制日历的关键。...这里面列举了部分属性和事件，需要更详细的api请看官方文档：https://fullcalendar.io/docs 四 参考资料 官方：https://fullcalendar.io/ 文档：https

7.1K1612

9个值得推荐的 VUE3 UI 框架

Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue 在 GitHub 上拥有 15k+ 颗星，每周下载量为 49k，数据已经说明了它的受欢迎程度。...Element+ Element+ 已经在 Vue2 中声名鹊起，Element+ 为 Vue3 带来了大量不引人注目的组件，创建一个非常复杂的应用程序所需的大部分内容都已经制作完成并可供使用。...Naive的组件性能优异，可定制性极强，并支持 TypeScript，提供了很棒的开发体验。 文档网站易于浏览，并具有完整的自定义输入，可帮助开发人员预览组件在他们自己的主题中的外观。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。

4.4K30

Power BI矩阵制作天气日历

在某天气APP上看到一个天气日历，信息非常丰富，并且充满细节，如下图所示。...数据准备 天气数据可以在网上下载到Excel表格导入Power BI，或者参考此文使用Power BI调用高德地图API获取天气数据，自动更新。动画天气图标可以在amcharts免费获得。...拖动一个基础矩阵，行字段为全年的周划分，列字段为星期几，把矩阵的格式（如边框、底纹）全部去掉。 矩阵中的每个格子由三个部分组成：上方的降温降水提示、中间的日历数字和下方的天气图标。...天气图标已从外部导入，将该字段拖入矩阵的“值”即可显示出来。 降温降水提示和日历数字可以使用一个度量值全部体现，说明见注释。将该度量值设置为图像URL，同样拖入矩阵的“值”区域。...最后是如何动态显示今天之后的若干天。在视觉筛选器按下图进行相对日期设置即可，把“包括今天”勾选上。 以上即是全部制作过程。

3.8K10

9 个值得推荐的 VUE3 UI 框架

Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue 在 GitHub 上拥有 15k+ 颗星，每周下载量为 49k，数据已经说明了它的受欢迎程度。...WaveUI 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择。...Naive的组件性能优异，可定制性极强，并支持 TypeScript，提供了很棒的开发体验。 文档网站易于浏览，并具有完整的自定义输入，可帮助开发人员预览组件在他们自己的主题中的外观。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。

5.8K30

利用jquery ui的datepicker开发一个课程日历

，点击输入框后才弹出这个日历面板，选择一个日期后触发回调，把选中的日期更新回到一个特定的元素当中，日期选择控件的使命就完成了，但这里，它做的却是完全不同的事情。...它就像台历一样，只负责显示日期列表及标记一些特定日子的作用，当然，它比台历更加复杂和先进一点，因为它是根据后台的课程开课日期设置来自动在日历中做标记的。    ...实现的细节：     1）怎样让datepicker默认就显示在指定的地方而不是通过输入框焦点触发？...首先，当然是需要课程开课日期的数据了，由服务端提供的课程信息数组而来，这里就不再赘述了，研究了datepicker的api，发现它提供了一个beforeShowDay的钩子，所有的日期在渲染之前都会通过这里的...选中有课程的日期时，会触发控件的onSelect事件，弹出课程列表的操作写在onSelect事件的响应方法里面就可以了。下面是初始化控件的完整代码，仅供参考。

2K10

项目十大管理（三）进度管理

下面来看看定义活动过程的输入、应用工具与技术和输出： 2.1 定义活动的输入 2.1.1 进度管理计划⭐ 项目进度管理计划中规定了管理项目工作所需的细致程度 2.1.2 范围基准⭐ 在定义活动中也需要考虑范围基准中的...为估算每项活动所需的资源提供主要输入 4.1.4 资源日历 资源日历是表明每种具体资源的可用工作日或工作班次的日历。...其大致过程如下图所示： 在本过程中，首先应该估算出完成活动所需的工作量和计划投入该活动的资源数量，然后再结合项目日历和资源，据此计算出完成活动所需的工期。...它是项目进度计划的辅助数据： 6.3.4 项目日历 项目日历中规定了可以开展活动的工作日和工作班次。...7.1.3 工作绩效数据 是关于项目进展情况的信息，比如哪些活动已经开始，进展如何等等 7.1.4 项目日历 对于不同活动需要不同的鞥搜哦时段，因此需要对项目日历进行更新 7.1.5 进度数据 控制进度过程也需要对进度数据进行审查和更新

43830

史上最全的前端资源大汇总

Ext, EasyUI, J-UI 及其它各种UI方案 ---- extjs ext4英文api ext4中文api jquery easyui 未压缩源代码 J-UI MUI-最接近原生APP体验的高性能前端框架...(Chrome DevTools 中的 Timeline Profils 等工具使用介绍 chrome 开发者工具的 15 个小技巧 Chrome开发者工具不完全指南 Chrome 开发者工具使用技巧...各种日期日历 ---- 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化...Datepair.js 一个风格多样的日历 弹出层式的全日历 jquery双日历 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll...（node.js中的jQuery） nodejs的一个聊天软件 类似微信 使用html5和node.js构建的网易云音乐 babel ES6转换为ES5 一个JS富文本编辑器 一个JS脑图可视化工具 一个

13.4K61

前端大牛们都学过哪些东西？

那么，这个对于前端开发的完整、全面的认识都包含哪些方面与内容呢？...图表类 Highcharts 中文API Highcharts 英文API ECharts 百度的图表软件 高德地图 开源的矢量图脚本框架 svg 地图 21. vue Vue Vue 论坛 Vue...日历 PC 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化 大牛日历控件...弹出层式的全日历 jquery双日历 移动 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll Date library Datejs...——前端优化 毫秒必争，前端网页性能最佳实践 网站性能工具Yslow的使用方法 前端工程与性能优化（上）：静态资源版本更新与缓存 前端工程与性能优化（下）：静态资源管理与模板框架 HTTPS连接的前几毫秒发生了什么

5K30

TDesign 更新周报（2022 年 5 月第 1 周）

时样式冲突问题 TS类型TableColumns[0]在严格模式下的使用问题 Table：renderExpandedRow改为非必填 全局配置：修复animation属性exclude和include...在TS中都必填的问题 Datepicker：修复weekday英文翻译的顺序问题 Others Table：TS 类型全部移入 interface.ts 文件中，并导出 Calendar：对value属性功能进行修正...[0]在严格模式下的使用问题 Menu：使用t-submenutemplate #icon 无效的问题 Menu：修复expandMutex无法动态更新 Input：修复onChange触发两次 Tabs...：修复add方法点击报错 Textarea：修复autofocus参数更新无法聚焦 Select：修复在结合option使用下的render告警 Slider：将marks属性更改为响应性属性，并内部修复...marks刻度节点点击事件无效问题 Dropdown：修复下拉菜单点击后报错 Menu：使用t-submenutemplate#icon无效的问题 详情见：https://github.com/Tencent

5.3K50

版本 11.1 的新功能概要

在现存的音频信号中插入一个音频信号 AudioSpectralMap — 把滤波器应用于音频信号的短时傅立叶变换 AudioSpectralTransformation — 执行时频变换 音频属性 »...) — 离散日历粒度的延伸描述 DateOverlapsQ — 验证两种日历日期是否重叠 DateWithinQ — 验证日历日期是否在另一个日期中 CurrentDate ▪ NextDate...(已更新)— 访问数百个 Wolfram 数据存储库项 已集成的服务 WebSearch — 网页搜索的外部服务 WebImageSearch — 网页图像搜索的外部服务 TextTranslation...— 语种间文本翻译的外部服务 可视化 机器学习可视化 FeatureSpacePlot — 数值、纹理、图像等数据的可视化特征向量 地理可视化 GeoBubbleChart — 地理区域上的气泡图 标签特征...API 允许的额外参数 AllowedCloudParameterExtensions — 参数允许的扩展名 用户元数据 $DisplayName — 当前用户的显示名字 $CloudUserID —

71030

2021年最佳VUE3 UI框架推荐

Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue 在 GitHub 上拥有 15k+ 颗星，每周下载量为 49k，数据已经说明了它的受欢迎程度。...WaveUI 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择。...Naive的组件性能优异，可定制性极强，并支持 TypeScript，提供了很棒的开发体验。 文档网站易于浏览，并具有完整的自定义输入，可帮助开发人员预览组件在他们自己的主题中的外观。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。

4.1K20

低代码开发平台的功能有哪些？低代码“功能清单”一览

趋势图、矩形树图、旭日图、甘特图、数据表、透视表、统计数字、路线图、富文本、倒计时、关系图谱、时间线、外部页面、按钮、审批、待办、日历、标签页29种卡片类型；4、组织架构：支持无限级组织架构、设置部门负责人...，并且可以设置成员作为待办的负责人，及时获取工作待办通知；7、审批流：支持流程图、多版本管理、并签、会签、审批校验、转交、委托、退回；支持审批流对接自动化、API，实现跨业务流、跨系统操作；8、调查问卷...：待办和审批流程使用的是同一套流程工具；7、调查问卷：通过表外链功能直接发起问卷填写链接；8、表单校验：支持自定义数据表单变更校验，可针对角色、数据内容、录入情况做个性化判断；9、知识库：不支持10、文件管理...13、页面开发：vue容器14、打印模板：支持针对数据表数据进行个性化页面模板打印；15、搜索引擎：不支持16、复杂业务拓展：流程中台、SQL服务、http服务等；低代码开发为企业带来的价值！...对于IT企业而言，减少人才的需求又能提高开发效率的低代码是个不错的选择，织信企业级低代码有着强大的技术团队，无需担心平台技术问题，使用风险率低，可开发各种类型的系统，让大家在做完这个项目，还能再继续做下一个项目

1.7K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券