<头> JavaScript调度器| JS事件日历| Syncfusion-十博体育app <链接 href ="http://www.hurleym.com/javascript-ui-controls/js-scheduler" rel ="canonical"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/components/bootstrap/Integrity/bootstrap3.7.1.min.css?v1" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/bootstrap/Integrity/bootstrap3.7.1.min.css?v1" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/layoutfont_cdn.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/layoutfont_cdn.css" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/socicon.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/socicon.css" rel =“样式表” type="text/css"/> <链接 as="font" crossorigin="" href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/fonts/socicon.ttf" rel ="preload" type="font/woff2"/> <链接 as="font" crossorigin="" href ="http://cdn.hurleym.com/content/stylesheets/components/Stack1.3.7/fonts/layoutfont.ttf" rel ="preload" type="font/woff2"/> <链接 as="font" crossorigin="" href ="http://cdn.hurleym.com/content/stylesheets/components/bootstrap/fonts/glyphicons-halflings-regular.woff2" rel ="preload" type="font/woff2"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/components/bootstrap/BootstrapLayoutV31.min.css?v1" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/bootstrap/BootstrapLayoutV31.min.css?v1" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Common_v6.min.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Common_v6.min.css" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/FT/master/google-prettifyAndmCustomScrollbar.min.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/FT/master/google-prettifyAndmCustomScrollbar.min.css" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Desktop_v3.min.css" media="screen 和 (min-width: 1024px)" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Desktop_v3.min.css" media="screen 和 (min-width: 1024px)" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Tab.min.css" media="(max-width: 1024px) 和 (min-width: 767px)" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Tab.min.css" media="(max-width: 1024px) 和 (min-width: 767px)" rel =“样式表” type="text/css"/> <链接 as="style" href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Mobile_v3.min.css" media="screen 和 (max-width: 767px)" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/FT/master/FTControl_Mobile_v3.min.css" media="screen 和 (max-width: 767px)" rel =“样式表” type="text/css"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Others/style.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Others/style.css" rel =“样式表” type="text/css"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Others/fonts/controlfootersection/style_v2.min.css" rel ="preload"/> <链接 href ="http://cdn.hurleym.com/content/stylesheets/components/Others/fonts/controlfootersection/style_v2.min.css" rel =“样式表” type="text/css"/> < / >头 身体< > < div id="CookieNotification"> < div 类="container"> < div 类="row"> < div 类="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> 十博体育app使用饼干在十博体育app的网站上给你最好的体验. 如果您继续浏览,则表示您同意十博体育app 隐私政策饼干的政策. cookie策略日期的图像 < / div > < div 类="col-lg-1 col-md-2 col-sm-1 col-xs-12 vcenter agreebutton"> < / div > < / div > < / div > < / div > < div id="ie-notification" style="display:none"> < div 类="container"> < div 类="row"> < div 类="col-lg-11 col-md-11 col-sm-11 col-xs-9 error-message"> 微软已经停止了对旧版本IE的支持. 为了获得最好的体验,请升级到最新版本的IE,或在其他浏览器中查看本页面. < / div > < div 类="col-lg-1 col-md-1 col-sm-1 col-xs-3 close-button"> 关闭图标 < / div > < / div > < / div > < / div > < div 类="unconfirmed-error-notification hide"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-11 unconfirmed-error-message small"> 不幸的是,激活邮件不能发送到您的电子邮件. 请 再试一次. < / div > < / div > < / div > < div 类="user-not-activated-close activation-unconfirmed-error-notification-close" id="close-icon-not-activated"> < / div > < / div > < div id="menu-wrapper"> < div 类="bar bar-3 bar--sm bg--secondary" id="sub-menu-section"> < div 类="container"> < div 类="row"> < div 类="col-md-12 col-sm-12 col-xs-12 text-right text-left-xs text-left-sm"> < div 类="bar__module"> < div 类="marketing-banner col-md-9 col-sm-8 col-xs-12">

BoldSign 现在免费给朋友和家人! 轻松发送电子签名文件.

声称帐户 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="container main-menu-section"> < div 类="row"> < div 类="col-xs-12 col-sm-12 col-md-12 col-lg-12"> < div 类="syncfusion-logo"> < / div > < div 类="menu-with-search"> < div 类="syncfusion-menu"> < / div > < / div > < / div > < div id="logout-section"> < div 类="container"> < div 类="column"> < div 类="Customerinformation"> < div 类="dashboard"> 我的仪表板 < / div > < div 类="signout-section"> 签署了 < / div > < / div > < / div > < / div > < / div > < div 类="row" id="search-container">
< div 类="col-lg-offset-3 col-lg-5 col-lg-col-md-offset-2 col-md-7 col-sm-offset-2 col-sm-6 col-xs-offset-0 col-xs-8 search"> < / div > < div 类="col-md-1 col-sm-4 col-xs-4"> < / div >
< div> < div 类="search-details"> 找到任何关于十博体育app的产品、文档和更多的信息. < / div >
< div id="search-popular-results"> < / div > < / div > < / div > < / div > < / div > < / div > < div 类="hide" id="feedbackButton"> Syncfusion反馈 < / div > < div 类="hide" id="feedbacks-dialogue"> < / div > < div 类="modal fade" data-easein="slideLeftIn" id="feedbacks-dialogue_wrapper" role="dialog"> < div 类="modal-dialogs"> < div 类="modal-content"> < div 类="feedbackClose" data-dismiss="modal" data-easein="slideLeftIn" id="feedbackcloseicon"> < / div > < div 类="modal-header"> < div id="feedback-title">反馈 & 问题< / div > < div 类="content-extra-smalls" id="feedbackDescription"> 请与十博体育app分享您的意见和问题< / div > < div id="cookie-error"> < div 类="col-lg-10 col-md-10 col-sm-10 col-xs-9 errormessage"> 请使 饼干 在您的浏览器 < / div > < div 类="col-lg-2 col-md-2 col-sm-2 col-sm-3 close-icon-message"> 反馈形式密切 < / div > < / div > < / div >
< div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div id="notification"> < / div > < div 类="feedback-fields"> 我想要一个帐户被创建,并被联系有关此消息. 十博体育app不会采取进一步的行动. 隐私政策, 饼干的政策. < / div > < div 类="feedButton"> < / div >
< div 类="thankyou-message hide"> < div 类="feedback-confirmation">谢谢你的反馈和意见. 十博体育app将很快处理此请求,并在需要时回复您. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div 类="popular-banner list-template bg-lazy" id="control-banner-content" style="background-图像: url(/products/essential-js2/control/图像s/scheduler/scheduler-banner.png), linear-gradient(135deg, rgba(2,26,163,1) 0%, rgba(9,125,143,1) 66%, rgba(2,166,129,1) 100%); background-图像: url(/products/essential-js2/control/图像s/scheduler/scheduler-banner.png), -webkit-linear-gradient(-45deg, rgba(2,26,163,1) 0%, rgba(9,125,143,1) 66%, rgba(2,166,129,1) 100%)"> < div 类="container"> < div 类="row"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12">

JavaScript调度器-高度交互式事件日历

免费试用 视图演示 < div 类="supported-frameworks supported-frameWorks-four-platform essential-js2" id="supported-frameworks-strip-segment"> < div id="mobile-strip-section"> 支持框架 < / div > < div 类="strip-opacity"> < div id="framework-strip"> < div 类="content" id="framework-content"> 支持框架 < / div > < div 类="framework" id="framework-platforms"> < div 类="framework-hover"> 角的图标
< / div >
< div 类="framework-hover"> 反应图标
反应
< / div >
< div 类="framework-hover"> Vue图标
Vue
< / div >
< div 类="framework-hover"> Blazor图标
Blazor
< / div >
< / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-sm-12 col-xs-12 text-center">

深受世界领先企业信赖

Syncfusion可信的公司 < / div > < / div > < / div >
< div id="control-static-menu"> < div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-6 col-sm-6 col-xs-8 control-heading-section">

JavaScript js调度器

< / div > < div 类="col-lg-4 hidden-md hidden-sm hidden-xs" id="navigation-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < div 类="right-panel col-lg-4 col-md-6 col-sm-6 col-xs-4"> < / div > < div 类="hidden-lg col-md-12 col-sm-12 col-xs-12" id="mobile-navigation-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < / div > < / div > < / div > < div 类="featuretour-markdown" id="featuretour-markdown"> < div 类="container"> < div 类="col-sm-12 col-xs-12 other-controls" id="control-content"> < div 类="row ft-one-column segment">

概述

JavaScript调度器, 或事件日历, 是一个功能齐全的事件日历组件,帮助用户有效地管理他们的时间吗. 它通过编辑器弹出窗口简化了资源调度和事件或约会的重新调度, 拖拽, 和调整操作.

< / div >
< div 类="row multi-column-conent-container two-col-in-multi-col"> < div 类="ft-column-header text-left">

多个调度器视图

多种内置视图模式可供选择:天, 周, 一周工作时间, 月, 议程, 月-议程, 一年, 和时间表. 使用不同的视图特定选项轻松地配置每个单独的视图.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

日、周和工作周视图

显示一天或多日的事件和约会.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

月视图

在一个月内显示一天或几天的事件和约会.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

日程视图

虚拟加载事件,并按照按天分组的顺序将它们显示为列表. 在议程视图中指定最初加载的天数.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

月日程视图

显示当前选定日期的日历布局和事件. 日期底部的圆形指示符表示当天出现了一个或多个事件.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

年视图

年视图以日历视图格式显示特定年份的所有月份. 在该日历视图中,包含约会的日期用在日期下方的圆点突出显示. 当您点击日期时,将弹出事件显示,并将事件列表.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

时间轴视图

5个内置时间轴视图可用:时间轴日, 时间一周, 时间表工作, 月时间表, 和时间表. 每个视图在水平时间轴上精确地显示一天或多天的事件.

提供更好的性能, 时间轴视图几乎在每个滚动动作上加载资源和约会.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

独特的视图配置

很容易配置每个单独的视图模式与不同的日历设置. 例如, 您可以为月视图启用分组特性,并将事件模板应用到周视图.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

可扩展的视图的时间间隔

显示多个天, 周, 并根据提供的间隔计数扩展每个视图模式.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

内联的约会

启用此功能后, 用户可以通过单击调度程序单元格或现有的约会主题来内联地创建和编辑约会. 在内联文本框中键入新的主题文本后,按下Enter键将更新并适当地保存约会.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

响应和触屏移动

JavaScript调度器具有高度响应性的布局和桌面的精心优化设计, 触屏, 和智能手机. 它在所有使用iOS、Android或Windows 8操作系统的手机上运行良好.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

演示JavaScript调度器的触摸支持.

触摸支持

在调度器中,用户友好的触摸手势和交互式UI设计有助于产生最佳的用户体验.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

JavaScript调度器的自适应UI说明.

自适应用户界面

调度器用户界面可自动适应移动和桌面设备. 这有助于应用程序在没有任何额外工作的情况下,优雅地扩展所有形式因素.

< / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

数据绑定

数据与各种本地和远程数据源无缝绑定, 比如JSON, 基于rest的服务, OData服务, 和WCF服务.

JavaScript调度器默认情况下按需加载数据,以减少传输和加载时间. 当将调度器绑定到具有不同字段名的数据源时,必须进行适当的字段映射.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

JavaScript调度器中的数据绑定选项.

< / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

块的时间间隔

通过阻断特定时间段,可以防止在该时间段内创建新的约会.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

高级事件处理选项

JavaScript调度器提供了清晰的, 充满活力的, 整个调度程序时间轴上事件和约会的精确表示, 基于他们所分配的时间.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

演示JavaScript调度器的添加和编辑功能.

添加和编辑功能

它内置了更好的事件处理支持, 例如,使用默认的事件编辑器或通过直观的拖拽和调整大小操作更容易创建和编辑约会. 此外,还可以向事件数据源和资源数据源添加自定义数据字段.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器中多个事件选择的说明.

的多事件选择

轻松地选择多个事件,一次按下并按住Ctrl键,同时点击事件. 在移动设备上, 通过点击和举办一个活动来做同样的事情, 并通过单点其他事件继续选择. 成功选择事件后,请同时删除或重新定位事件.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器的事件提示说明.

工具提示

当鼠标指针悬停在事件上时,可定制的工具提示将显示事件信息. 在移动设备上通过点击并举办活动来实现同样的功能.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器中重复发生的事件的说明.

重复事件

轻松配置重复的事件,以重复的一天, 每周, 每月, 或者以年为基准,加上综合的复发选项.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

用JavaScript调度器定制事件的说明.

外观定制

通过使用任何HTML或CSS自定义调度器事件和约会的默认外观和样式,更改它们的外观和感觉.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器中对时区的支持.

时区

与系统时区无关, JavaScript调度器支持为控件本身设置所需的时区, 还有事件.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

多个资源和分组

内置支持为事件分配资源和调度资源. 根据资源或日期对事件和约会进行分组. 按日期分组资源提供了对每个资源可用性的快速概述. 您还可以为每个资源设置不同的工作日.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

行汽车高度

当添加新的并发事件或约会时,自动增加月视图和时间轴视图中的行高度.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

上下文菜单

当右键单击单元格或约会时,将打开与JavaScript调度器集成的上下文菜单.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

实时数据同步

实时约会数据与十博体育app的JavaScript调度器精确同步.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

演示了谷歌日历与JavaScript调度器的集成.

Outlook和谷歌日历集成

通过谷歌日历API或Microsoft Outlook的对象库,轻松地同步十博体育app的JavaScript调度器和谷歌或Outlook日历之间的事件.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

JavaScript调度器的实时更新说明.

实时更新

双向数据通信通过SignalR将调度器上的服务器端约会更新传递给所有连接的客户端.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

出口

以两种方式导出事件:Excel文件或ICS文件.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

在JavaScript调度器中支持Excel导出的说明.

导出到Excel

JavaScript调度器允许你在默认情况下将所有事件导出到Excel文档中. 它还提供了其他定制选项来导出定制的事件数据集合.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

在JavaScript调度器中导出和导入ICS文件的说明.

进出口ICS

调度器支持将所有事件数据导出为iCal格式, 它支持从iCal文件导入事件到调度器.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

功能丰富的日历选项

JavaScript调度器继承了几乎所有与日历相关的特性, 比如一周的第一天和时间表.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器一周的第一天的插图.

一周的第一天

根据默认区域设置,定制一周的第一天,默认为周日. 您也可以将此选项用于单个视图.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器上设置开始和结束时间的说明.

自定义开始和结束时间

通过隐藏不需要的小时,显示事件调度程序布局和特定的时间段.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器的时间表选项说明.

灵活的时间表

使用可自定义的时间表选项,以清楚地查看事件的时间表,并设置不同的持续时间.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器的工作时间说明.

工作时间

调度器的活动单元格(显示为白色)可视化地表示工作日和工作时间.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器中突出显示当前时间的说明.

突出显示当前时间

以高亮显示的日期标头指示当前日期, 以及在所有视图上准确地标记当前时间.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器中隐藏周末的插图.

隐藏周末

在调度器中隐藏周末允许您在所有视图中只显示工作日.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器中显示周数的插图.

周数显示

以天为单位显示当前日期范围的周数, 周, 和工作时间的观点. 还将月份视图中的周数显示为第一列. 周数由一周的第一天和周规则(第一天或第一个完整周)决定, 或前四天工作周).

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器中显示时间格式的插图.

时间模式

调度器控件支持12小时和24小时时间格式.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

完全可定制的界面

使用HTML和CSS样式定制调度器接口的任何部分的外观.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

在JavaScript调度器中定制日期头的说明.

标题日期

通过添加任何类型的CSS、自定义文本或图像来更改标题栏的默认外观.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

说明完整的JavaScript调度器定制.

完成调度程序界面

内置的客户端事件允许最终用户定制调度器用户界面的任何部分.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器中常见标题栏的说明.

标题栏

添加自定义项目到默认的标题栏选项. 您可以隐藏或显示通用标题栏选项.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

用JavaScript调度器定制单元格的说明.

调度器细胞

开箱即用的模板选项允许您通过添加任何类型的文本轻松定制单元格, 图像, 或CSS.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器中快速弹出窗口的说明.

快速弹出窗口

轻松定制弹出窗口,当单击单元格时打开, 事件, 或预约与您自己的UI或模板设计.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

JavaScript调度器的事件编辑器的说明

在外部打开事件编辑器

以编程方式打开默认事件编辑器窗口.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

用户友好的交互

JavaScript调度器的现代和流行的UI设计使用户交互更简单和高效.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

弹出式显示事件信息.

快速事件概述

点击或点击事件会显示它们的重要细节, 比如主题和时间, 以及编辑和删除选项.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

JavaScript调度单元格选择.

细胞的选择

在调度程序单元格上单击并拖动指针以进行多单元格选择. 你也可以使用键盘快捷键.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

事件容器显示在月日历.

事件的容器

单击文本指示器 (+ n更多) 月视图和时间轴视图将打开一个事件容器,其中列出一天中所有隐藏的事件和约会细节.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

JavaScript调度器中的导航选项.

快速导航

JavaScript调度器提供了一种使用内联日历在日期范围之间来回导航的直观方式, 也可以在不同的视图模式之间导航.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

全球化和地方化

整合不同的日期时间格式和文化. 这允许JavaScript调度器全局运行, 从而满足不同地区的不同需求.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

支持全球化的JavaScript调度器.

全球化

JavaScript调度器通过遵循全球化的日期和时间格式显示当前的日期和时间.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

支持本地化的JavaScript调度器.

本地化

显示所有的静态文本, 日期内容, 调度程序的时间模式遵循本地化语言.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

从右到左显示JavaScript事件日历.

从右到左(RTL)

按照正确的从右到左的约定呈现事件调度程序.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

可访问性

屏幕阅读器很容易访问JavaScript调度器. 还提供了完整的键盘交互支持.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

可访问性启用JavaScript调度器.

完全访问

JavaScript调度器具有完整的WAI-ARIA可访问性支持. 调度器 UI包含高对比度的视觉元素, 给视障人士最好的视觉体验. 也, 有效的UI描述可以通过屏幕阅读器等辅助技术轻松访问.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

键盘交互式JavaScript事件日历.

键盘互动

可以使用各种键盘快捷键来执行几乎所有的调度器操作, 例如多个单元格或事件选择和导航到其他视图.

< / div > < / div > < / div >
< div 类="row ft-one-column segment">

JavaScript调度器代码示例

使用几行简单的HTML和TSX代码就可以轻松开始使用JavaScript调度器,如下所示. 也探索十博体育appJavaScript调度程序的例子 这将向您展示如何呈现和配置调度程序.

< div 类="code-snippet-tabs" id="code-snippet-1"> < div 类="tab-content"> < div 类="tab-pane" data-original-lang="html" id="u6oq5hixc7s22xhupy3rx2cznto1ok9u-html" role="tabpanel"> < div 类="highlight">



   href =http://cdn.hurleym.com/ej2/material.css rel =“样式表”>




   类=“控制部分”>
     id=“安排”>
  
友情链接: 1 2 3 4 5 6 7 8 9 10
< / div > < / div > < div 类="tab-pane" data-original-lang="ts" id="6kjauy6z7qw7z48c9adiyu8iv9kz70xf-ts" role="tabpanel"> < div 类="highlight">
进口 { 时间表, 一天, , 一周工作时间, , 议程 }  '@syncfusion / ej2-schedule';

时间表.注入(一天, , 一周工作时间, , 议程);

 data: Object[] = [
  {
    Id: 1,
    主题: 'Scrum会议',
    位置: '办公室',
    开始时间:  日期(2018, 1, 12, 9, 30),
    EndTime:  日期(2018, 1, 12, 10, 30),
    RecurrenceRule: '频率=每周;BYDAY =莫,你,十博体育app,TH, FR;间隔= 1'
  }
];

 scheduleObj: 时间表 =  时间表({
  selected日期:  日期(2018, 1, 20),
  eventSettings: { 数据源: data }
});
scheduleObj.appendTo('#时间表');
< / div > < / div > < / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

Web框架集成

作为一个纯JavaScript组件,十博体育app的事件调度器很容易与这些web框架集成:

< / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

JavaScript事件日历插图,支持web框架.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

JavaScript调度器支持的web浏览器.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

支持的浏览器

JavaScript调度器在所有现代网络浏览器中都能很好地工作:Chrome, 火狐, 边缘, Safari, 和IE11. 它需要MomentJS polyfill使调度器时区转换工作进一步与IE11浏览器和iOS移动版本.

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

实时应用程序

许多实时应用程序使用调度器作为一个不可或缺的部分, 从而根据项目类型服务于不同的目的. 一些活动的应用程序是:票价日历, 会议室的日历, 医生的约会计划, 酒店预订日历.

< / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

实时应用中使用的JavaScript事件日历.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

JavaScript调度器的主题插图.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

内置和可定制的主题

四个内置的、基于sass的主题可用:Material、Bootstrap、Fabric和高对比度.

通过覆盖现有的SASS样式或使用theme Studio应用程序创建自定义主题,可以简化主题定制.

< / div > < / div >
< div 类="row ft-one-column segment">

开发人员友好的api

开发人员可以通过内置的事件调度器完全控制UI和行为, 开发人员友好的api. 简单和可扩展的api允许您轻松定制甚至复杂的调度器功能.

< / div >
< div 类="row ft-one-column segment">

其他支持框架

调度器组件也可以在Blazor、反应、角和Vue框架中使用. 从下面的链接查看不同的调度器平台,

< / div >


< / div > < / div > < / div > < div id="single-column-link-segment"> < div 类="container"> < div 类="col-sm-12 col-xs-12 text-center control-content">

不知道如何创建你的第一个JavaScript调度器? 十博体育app的文档可以提供帮助.

我想现在就看 < / div > < / div > < / div > < div id="static-footer"> < div 类="container"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="previous-link"> < div 类="title-element">以前的< / div > < div 类="arrow-element"> < / div > < div 类="content"> < div id="prev-element"> < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="next-link"> < div 类="title-element">下一个< / div > < div 类="content"> < div id="next-element"> < / div > < / div > < div 类="arrow-element"> < / div > < / div > < / div > < / div > < div id="control-heading-section">

65+ javascript UI控件

< div id="loader"> < / div > < div 类="control-section essential-js2" id="ft-controllist"> < div 类="container"> < div 类="row" id="control-items"> < div id="ft-control-platform"> < div 类="sub-heading text-center">所有控件< / div > < div 类="control-list-items col-xs-6"> < div 类="section-list"> < div 类="content-heading controldiv"> 网格 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 数据可视化 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 输入 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 编辑器 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 下拉 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 日历 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 按钮 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 布局 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 导航 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 查看器 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 通知 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 报告 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 形式 < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="faq"> < div 类="container">

常见问题

< div 类="row" id="question-answers" itemscope="" itemtype="http://schema.org/FAQPage"> < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

为什么你应该选择Syncfusion JavaScript调度器?

< div 类="collapse" id="collapse-1" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text"> < / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

Syncfusion JavaScript调度器的价格是多少?

< div 类="collapse" id="collapse-3" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

十博体育app不单独出售JavaScript调度器. 它只能作为Syncfusion JavaScript套件的一部分购买, 包含超过70个JavaScript组件, 包括调度器. 的单一开发人员许可 Syncfusion Essential Studio for JavaScript套件 成本 $995.00美元包括一年的支持和更新. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 看看你是否有资格获得额外的折扣.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我在哪里可以找到Syncfusion JavaScript调度器演示?

< div 类="collapse" id="collapse-5" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

你可以找到十博体育app的JavaScript调度器演示 在这里.

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以单独购买Syncfusion JavaScript调度器组件吗?

< div 类="collapse" id="collapse-2" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

No, 十博体育app的70个JavaScript组件, 包括调度器, 不单独出售, 只作为一个单独的包装. 然而, 十博体育app有竞争力的价格产品,所以它的成本只比一些其他供应商收取的调度器多一点. 十博体育app也发现, 在十博体育app的经验, 十博体育app的客户通常开始使用十博体育app的一种产品,然后迅速扩展到几种产品, 所以十博体育app觉得最好以固定的费用提供所有的70个JavaScript组件 995美元/开发人员. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 看看你是否有资格获得额外的折扣.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以免费下载和使用Syncfusion JavaScript调度器吗?

< div 类="collapse" id="collapse-4" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

不,这是一个商业产品,需要付费许可证. 然而,一个 免费的社区许可 也适用于年总收入少于100万美元的公司和个人以及5个或更少的开发者.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我如何开始与Syncfusion JavaScript调度器?

< div 类="collapse" id="collapse-6" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

一个好的开始是十博体育app的综合 开始文档.

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-4 col-sm-5 col-xs-8 review-section g2-review"> Syncfusi在G2审查 < / div > < div 类="col-lg-8 col-md-8 col-sm-7 col-xs-12 download-section g2-review">

独立阅读,
认证审核
在G2

立即下载 定价 < / div > < / div > < / div >
< div 类="container">

十博体育app的客户如何评价十博体育app?

< div 类="row"> < div 类="testimonial-section"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message first-section">

双引号

十博体育app经常使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,并且包含了示例. 有问题或建议的罚单会在一天内得到答复, 所以十博体育app很乐意使用Syncfusion库. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-图像"> 丹尼尔Persidok < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

丹尼尔Persidok

wpd在岸GmbH是一家 & Co. KG

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message second-section">

双引号

使用Syncfusion、角和JavaScript控件让前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, 可用于与元素交互的方法, 很多事件都发生在不同的阶段, 这使得根据应用程序的状态修改组件变得很容易. 此外,他们的支持也是惊人的! 他们总是提供一个工作项目的样本, 这使得解决你的代码问题变得非常简单. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-图像"> 卡洛斯·加西亚 < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

卡洛斯·加西亚

Vistatec

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="content-center bg-lazy" id="download-free-trial"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-content">

今天通过下载十博体育app的免费评估版本来改变您的应用程序 下载免费试用

< / div > < / div > < / div > < / div > < div 类="text-center segment xamarin-新-ft technical-support-v1 technical-support-controls" id="technical-support"> < div 类="container"> < div 类="row"> < div 类="platform-heading-text">Syncfusion JavaScript 资源< / div > < div 类="col-sm-12 col-md-12 col-xs-12 category-container heading-3"> < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 学习 < div 类="support-link-section"> 文档 文档 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 技术支持 < div 类="support-link-section"> 联络支持 联络支持 < / div > < div 类="support-link-section"> 论坛 社区论坛 < / div > < div 类="support-link-section"> 特性 & 错误 特性 & 错误 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> UI工具包 < div 类="support-link-section"> 素描下载 素描下载 < / div > < div 类="support-link-section"> Adobe XD下载 Adobe XD下载 < / div > < div 类="support-link-section"> Figma下载 Figma下载 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="awards"> < div 类="container segment"> < div 类="row">

伟大——说你拥有它是一回事,但当别人意识到它时,它意味着更多. synfusion很荣幸举办以下行业奖项.

< div 类="all-awards text-center hidden-xs"> Syncfusion奖 < / div > < div 类="all-awards text-center hidden-lg hidden-md hidden-sm"> Syncfusion奖 < / div > < / div > < / div > < / div > 向上箭头图标 < div 类="segment" id="footer-warpper"> < div 类="container"> < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">探索十博体育app的产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">资源< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">学习 & 支持< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">公司< / div > < / div > < / div > < / div > < div id="footer-bottom"> < div 类="container"> < div 类="row"> < div 类="col-sm-8 hidden-xs content-small"> < div 类="footer-syncfusion-logo"> < / div > < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copyright-desktop"> 版权所有©2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < div 类="col-sm-4 hidden-xs footer-contact-section"> < div 类="footer-contact-fax"> < / div > < div 类="footer-contact-mail"> < / div > < div 类="col-sm-12 footer-icons-section"> < / div > < / div > < div 类="visible-xs mobile-footer text-center">

十博体育app

< div 类="copyright"> < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copyright"> 版权所有©2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="IE-notifiyPopup" id="upgradeIE"> < div 类="container popuptext"> < div>

警告图标 您使用的是过时版本的Internet Explorer,可能无法显示本网站和其他网站的所有功能. 升级到Internet Explorer 8或更新版本以获得更好的体验.关闭图标

< / div > < / div > < / div > < div hidden="" id="getservertime">3/05/2022 10:21:44 PM< / div > < div hidden="" id="WebinarForFTExpiration">星期二,2月18日2020 15:00:00 UTC< / div > < div hidden="" id="烤面包erExpiration日期">星期三,2月16日2022 04:59:00 UTC< / div > < div id="chat-icon-mobile"> 移动实时聊天图标 < / div > 即时聊天图标 < /身体>< / html >