文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

前端组件整理

待办事宜日历 full calendar 支持脱放的方式来改变待办事宜的时间 时间选取组件 jQuery ui datepicker 经典，不是很好看 pickadate 轻量级，手机友好的，漂亮...但貌似只能在弹出层中显示，而没有下拉这种方式显示。 zebra-datepicker 可配置性很强。但貌似只能在弹出在右上方。。。...该组件依赖Twitter Bootstrap, Moment.js和jQuery. 自定义滚动条 perfect scrollbar 轻量级的滚动条。外观与mac上chrome的滚动条一样。...动画效果 jQuery.Marquee 跑马灯效果 quickflip 卡片翻转效果 卡片翻转效果2 兼容性可以。写的比较简单：1，只支持x方向翻转 2,类名都是规定好的 3，只能被调用一次。...我的改进版见这里 TheaterJS 模拟两个人在屏幕上对话 midnight.js 文字颜色随着背景变，屌炸了 color-animation jquery的颜色渐变动画插件。

14.2K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云

    如果你正在搭建后台管理工具，又不想处理前端问题，推荐使用卡拉云，卡拉云是新一代低代码开发工具，可一键接入常见数据库及 API ，无需懂前端，仅需拖拽即可快速搭建属于你自己的后台管理工具，一周工作量缩减至一天...如果 UI 上没有太多要求，直接上，没太多问题。 日期选择器 时间日期选择器 日期范围选择器 时间选择器 支持 pkg Module 2....Vue Date Range Picker - 无 JQuery 依赖，丰富选择功能 04-all-Vue-Date-Range-Picker Vue Date Range Picker 没有 JQuery...依赖，所有功能在一个 UI 上排的整整齐齐，一目了然。...可根据自己的工作流，定制开发。无需繁琐的前端开发，只需要简单拖拽，即可快速搭建企业内部工具。

    10.9K00

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

    DOM 节点，不再传入到 t-input 层级；Textarea 去除 t-textarea__wrap。...存在不兼容更新 Bug Fixes Popup: 修复 document click 多次触发导致异常关闭的问题 Progress: 修复 theme = plump 且 percent = 10 时没有展示文案的问题...Form: 修复不能在表单项内换行输入的问题 Datepicker/Timepicker/SelectInput 等组件 focused 态样式修复 Features Table: 支持自定义 columns...options 为空数组不生效, 可过滤状态下的下拉面板拉起闪烁,可过滤状态下的输入内容未被正常销毁 TimePicker: 修复此刻快捷标签文案配置, focused 态样式修复 Upload: 修复...method props 失效 SelectInput: 修复在非输入状态下无 focused 态, 修复在非输入状态下不能显示清除按钮, 修复在 single 模式下 inputValue 的受控表现

    1.3K30

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

    ，利用google快速了解了目前几个比较知名的轻量级日历插件的接口、提供的配置项及功能情况后，决定不重复制造轮子，在jquery ui的datepicker控件上进行开发，因为它虽然功能简单，但提供的配置项比较灵活...，UI的风格其实就是jquery ui中的蓝色主题版本的，由于本身网站是以蓝色作为基调的，所以用蓝色主题的UI能与网站整体融合得非常好，可能很多人印象中都觉得datepicker是用来选日期的，以前应用它的时候都是有一个输入框...它就像台历一样，只负责显示日期列表及标记一些特定日子的作用，当然，它比台历更加复杂和先进一点，因为它是根据后台的课程开课日期设置来自动在日历中做标记的。    ...实现的细节：     1）怎样让datepicker默认就显示在指定的地方而不是通过输入框焦点触发？...，这里，只需要在要显示的位置放一个div,然后用jquery的选择器找到这个元素，并且在上面调用datepicker()方法就可以了，示例：$('.datePickerWraper').datepicker

    3.2K10

    jQuery 插件 的this 指向问题（实战）

    代码 输入框选择日期 label 用于显示选中的时间 button1 清除 label 时间 button2 重新赋值 label 时间 js代码实现功能 1. input 使用插件，并设置回调函数用来将控件选中的值赋值给...（哦，对了，还有一个方法是重新点击时间控件上的时间，相当于重新选择一次）。 那么插件有没有提供一个方法是：在时间选择以后，重新调用函数的呢？...查看源码（别问为什么，官网没有提供，但是我不相信他没有写这个方法）后找到： 其中 cb 就是回调函数绑定到 DateRangePicker 对象上的方法。...输出 datepicker 对象一看，#￥%……& datepicker对象居然是一个 jQuery 对象$("input[...]")。 what？？？...如果是我来写插件，肯定不会返回一个jQuery对象，因为没什么必要。然而代码中有很多方法是绑定在DateRangePicker原型上的。。。

    1.8K10

    ChatGPT协助我完成博客代码块添加复制代码和显示代码语言功能

    灵魂拷问 为什么要创建textarea，可以不创建吗 在JavaScript中，要实现复制操作，需要将文本内容放入剪贴板中，而HTML中没有提供直接将文本放入剪贴板的API，因此我们需要使用一个中间的元素来完成复制操作...如果不创建textarea>元素，就无法将文本放入剪贴板中，因此不能实现复制操作。...PS：能问出这个问题很明显我就不是搞前端的，但是这也就是为什么我觉得作为一个对前端一知半解的人也能做出一个完整项目的原因，那就是多发问，多思考。...以下是对示例代码进行修改后的 jQuery 代码： // 对每个代码块进行操作 $('.codehilite').each(function() { // 获取当前代码块中的文本 var code...在我看来，ChatGPT 对编程人员来说还是非常好用的，完全可以当作一个工作上面的助手，我现在豪不夸张的说就是面向 ChatGPT 编程了，很多工作和个人的编程都会参考 ChatGPT 给的方案，小到一个

    2.1K10

    (转) 别再对 Angular 表单的 ControlValueAccessor 感到迷惑

    网上有大量文章描述如何实现这个接口，但很少说到它在 Angular 表单架构里扮演什么角色，如果你不仅仅想知道如何实现，还想知道为什么这样实现，那本文正合你的胃口。...官方文档是这么描述的（译者注：为清晰理解，该描述不翻译）： ControlValueAccessor acts as a bridge between the Angular forms API and...简单的封装器 最基础实现是通过简单封装使其能在屏幕上显示出来，所以我们需要一个 NgxJquerySliderComponent 组件，并在其模板里渲染出 slider： @Component({...方法在原生 DOM 元素上创建一个 slider 控件，然后使用 widget 属性引用这个控件。...你可能注意到 formControl 指令实际上简化了与父组件交互的方式。

    5.5K20

    基于vue.js的渐进式组件尝试

    我们有个内部运营系统，是基于keenthemes的一个主题进行开发的，而这个主题就是基于jQuery+bootstrap+jQueryPlugins 进行的定制主题，用于显示各种图表和曲线。...为什么不用react?一出来就令人惊呼的jsx，我还是嫌依赖太多。我就想要一种old school的方式，引用一个js，然后马上写，随便写。...还有一点，运营系统天生以页面为模块划分，引入的js只充当controller的角色就可以了。...以datepicker的jQuery插件为例，下面代码放components.js里： Vue.component('datepicker', { template: '\ 上，我们还希望能够只要引用这个组件，依赖也要自然地满足。而这个，无非就是在合适的时候把依赖的css和js动态加载进来。这个“合适的时候”我仍然选择的是"mounted"阶段，为什么？

    1.8K10

    基于vue.js的渐进式组件尝试

    我们有个内部运营系统，是基于keenthemes的一个主题进行开发的，而这个主题就是基于jQuery+bootstrap+jQueryPlugins 进行的定制主题，用于显示各种图表和曲线。...为什么不用react?一出来就令人惊呼的jsx，我还是嫌依赖太多。我就想要一种old school的方式，引用一个js，然后马上写，随便写。...还有一点，运营系统天生以页面为模块划分，引入的js只充当controller的角色就可以了。...以datepicker的jQuery插件为例，下面代码放components.js里： Vue.component('datepicker', { template: '\ 上，我们还希望能够只要引用这个组件，依赖也要自然地满足。而这个，无非就是在合适的时候把依赖的css和js动态加载进来。这个“合适的时候”我仍然选择的是"mounted"阶段，为什么？

    2.2K100

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

    ：修复DatePicker点击快捷选择日期按钮左边面板日期时间不联动 防止VueCompositionAPI重复注册 详情见：https://github.com/Tencent/tdesign-vue...头部渲染逻辑不完善的问题缺失了status的渲染 Table：renderExpandedRow改为非必填 Card：修复未添加header属性，Card组件布局错误 InputNumber：修复小数输入问题...：修复空数组确定事件报错问题 Dialog：修复组件销毁后body样式不重置问题&移除多余div渲染 Textarea：修复在Form组件下换行问题 Colorpicker：修复Popupprops透传问题...修复分步表单页底部居中问题 修复顶部菜单栏下拉菜单与表单层级问题 详情见：https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.0 小程序上架微信开发者工具...官方通用小程序 demo 和智慧零售模板均已上架 微信开发者工具，可以在创建项目时选择使用 MTY4ODg1MDU2MTcyMTcyOQ_10501_lkUEFHwvBjebgBza_1652079825

    6K50

    跨平台PHP调试器设计及使用方法——界面设计和实现

    比如之前我选择pydbgp库去和Xdebug进行通信，这样就规避了很多协议的底层实现工作。同样在Web框架这块，我决定使用比较轻量级bottle库。        ...由于该调试器界面元素非常多，我也不可能在一篇博文中将所有实现和细节讲完。但是为了契合该博文的标题，我就以上图界面为例，讲解下该界面的实现和工作原理。        ...而console_dlg窗口只使用了中、南两个模块。位于中间的这个模块是调试窗口的输出内容的载体，其核心是一个ID为console_dlg_view的textarea控件。...当我们在调试窗口输入调试指令后，它会显示在该区域中，然后该指令的结果也会显示在该区域。...位于南部的是一个输入框，它的ID是console_dlg_cmd。我们在这个输入框中输入命令，按回车使得命令执行并清除该输入框内容。还可以按上下键翻看前后的历史命令记录。

    99820
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券