首页 > 其他分享 >漂亮 的日期时间控件 日历

漂亮 的日期时间控件 日历

时间:2023-01-02 22:33:24浏览次数:40  
标签:jQuery 控件 日程 漂亮 日历 支持 事件 Calendar


 xgcalendar


基于jQuery 的日历控件,操作方式和样式参考Google Calendar。

1:支持三种视图类型 (日,月,周)

2:支持定义一周的开始日期

3: 支持无刷新获取数据和更新数据

4:支持滑动选择时间段新增日程(包括单日和跨日)

5:支持快速删除

6:支持拖动改变日程开始和结束时间

7:支持拖动改变单日日程大小来日程的结束时间 (Resize)

8:支持权限控制(可设置整个视图只读,或者单个日程只读) demo中未演示

9: 支持日程多个主题

10:良好的性能表现

11:支持多个主流浏览器IE6+,FireFox3.5+,Opera 10+,Chrome 3+


xgcalendar


jQuery  


Monket Calendar


Monket Calendar是一个Ajax支持的在线日历,拥有iCal风格的界面。可以采用拖拽的方式来创建跨越多个日期的事件,创建和修改事件不需要刷新整个页面。


Monket Calendar



Plans


Plans是一个强大并且灵活的Web日历,它支持经常性事件,合并日历,设置事件图标,自定义主题和模板,导入/导出iCal,导出MS Outlook等。

Plans



jQuery Frontier Calendar


jQuery Frontier Calendar是一个可灵活定制的月日历jQuery插件,看起来类似于Google Calendar。当在一个日期单元格中有比较多的待办事项时,将出现一个更多的链接,点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。


jQuery Frontier Calendar


jQuery  


Timeglider


Timeglider是一个jQuery插件用于在一个高度灵活的时间表中展示任意数量的事件。它的界面支持放大/缩小(可以用鼠标滚轮操作)和平移来快速浏览时间并找到事件。可以点事件并在一个模式对话框中显示详细的内容。时间表中的项目使用JSON作为数据源。


Timeglider


标签:jQuery,控件,日程,漂亮,日历,支持,事件,Calendar
From: https://blog.51cto.com/u_5112239/5984245

相关文章

  • 日历类
    日历类publicclassCalenderTest{publicstaticvoidmain(String[]args){//日历类--instance是日历对象用来调用日历方法instance.setTimeinsta......
  • MaterialDesign 控件
    为按钮添加阴影<ButtonWidth="250"materialDesign:ElevationAssist.Elevation="Dp5"Style="{StaticResourceMaterialDesignRaisedButton}"ToolTip="Materi......
  • winform控件缩写 (集合)
    winform控件缩写(集合)文章内所有的控件都是博主从网上辛苦整理出来的,希望对大家有用winform控件缩写(一)标准控件winform控件缩写(二)容器控件winform控件缩写(三)菜单和工具栏wi......
  • delphi 关于ComBoBox控件用代码设置值时,onchange事件失效的解决方案
    问题表现为:手动设置里一点问题也没有,值和颜色都能正常显示,但是通过代码操作时,onchange事件并没有被触发.  解决方案是让它主动触发:ComArr是个全局TList,窗体......
  • Python画日历图
    遇到需要统计一年中每天的某个数值,并以日历的方式呈现出来excel中准备好数据:#导入用到的包importpandasaspdimportmatplotlib.pyplotaspltimportseabornas......
  • 获取小程序toast控件
    Toast含义为了给当前视图显示一个浮动的显示块,与dialog不同它永远不会获得焦点显示时间有限,根据用户设置的显示时间后自动消失本身是个系统级别的控件,它归属系统setti......
  • ID 为“Timer1”的控件需要页面上有ScriptManager。ScriptManager 必须在任何需要它的
    原文链接:https://blog.csdn.net/myy629464/article/details/76783370http://www.noobyard.com/article/p-ubifwkck-bo.html  解决办法:代码:(那个窗体出错那个源中写)......
  • 用pageOffice控件实现 office word文档 编辑Word加图片的功能
    OA办公中,业务需要多人编辑word文档,需要加图片的功能。怎么实现word文档的编辑加图片呢?2实现方法通过pageOffice实现简单的在线打开编辑word时,通过设置关键代码:DataR......
  • 选择日期弹出日历(NSCalendar)
    对于想要达到的效果:选择日期,弹出日历。 NSCalendar的初始化方法://可指定日历的算法NSCalendar*calendar=[[NSCalendaralloc]initWithCalendarIdentifier:N......
  • u-view---calendar日历
    u-view的日历组件默认是无法选择当天之前的日期;例如:   无法选择2022年12月29日之前的日期;解决方法,可以写一个方法,设置最小可选日期和最大可选日期 ......