< div id="CookieNotification"> < div class="container"> < div class="row"> < div class="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> We 使用 饼干 to give you the best experience on our website. 如果您继续浏览,则表示您同意十博体育app privacy policycookie policy. cookie策略日期的图像 < / div > < div class="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 class="container"> < div class="row"> < div class="col-lg-11 col-md-11 col-sm-11 col-xs-9 error-message"> Microsoft has ended support for older versions of IE. 为了获得最好的体验,请升级到最新版本的IE,或在其他浏览器中查看本页面. < / div > < div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 close-button"> close icon < / div > < / div > < / div > < / div > < div class="unconfirmed-error-notification hide"> < div class="container"> < div class="row"> < div class="col-lg-12 col-md-12 col-sm-12 col-xs-11 unconfirmed-error-message small"> Unfortunately, activation email could not send to your email. 请 try again. < / div > < / div > < / div > < div class="使用r-not-activated-close activation-unconfirmed-error-notification-close" id="close-icon-not-activated"> < / div > < / div > < div id="menu-wrapper"> < div class="bar bar-3 bar--sm bg--secondary" id="sub-menu-section"> < div class="container"> < div class="row"> < div class="col-md-12 col-sm-12 col-xs-12 text-right text-left-xs text-left-sm"> < div class="bar__module"> < div class="marketing-banner col-md-9 col-sm-8 col-xs-12">

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

Claim account < / div > < / div > < / div > < / div > < / div > < / div > < div class="container main-menu-section"> < div class="row"> < div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> < div class="syncfusion-logo"> < / div > < div class="menu-with-search"> < div class="syncfusion-menu"> < / div > < / div > < / div > < div id="logout-section"> < div class="container"> < div class="column"> < div class="Customerinformation"> < div class="dashboard"> My Dashboard < / div > < div class="signout-section"> 签署了 < / div > < / div > < / div > < / div > < / div > < div class="row" id="search-container">
< div class="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 class="col-md-1 col-sm-4 col-xs-4"> < / div >
< div> < div class="search-details"> Find anything about our product, documentation, more. < / div >
< div id="search-popular-results">< / div > < / div > < / div > < / div > < / div > < / div > < div class="hide" id="feedbackButton"> Syncfusion Feedback < / div > < div class="hide" id="feedbacks-dialogue">< / div > < div class="modal fade" data-easein="slideLeftIn" id="feedbacks-dialogue_wrapper" role="dialog"> < div class="modal-dialogs"> < div class="modal-content"> < div class="feedbackClose" data-dismiss="modal" data-easein="slideLeftIn" id="feedbackcloseicon">< / div > < div class="modal-header"> < div id="feedback-title">Feedback & Questions< / div > < div class="content-extra-smalls" id="feedbackDescription"> 请与十博体育app分享您的意见和问题< / div > < div id="cookie-error"> < div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 errormessage"> 请 enable 饼干 in your browser < / div > < div class="col-lg-2 col-md-2 col-sm-2 col-sm-3 close-icon-message"> Feedback form close < / div > < / div > < / div > < div class="thankyou-message hide"> < div class="feedback-confirmation">谢谢你的反馈和意见. We will process this request shortly 和 get back to you if required. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div class="popular-banner list-template bg-lazy" id="control-banner-content" style="background-图像: url(/products/vue/control/图像s/时间表r/时间表r-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/vue/control/图像s/时间表r/时间表r-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 class="container"> < div class="row"> < div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

Vue Scheduler with Outlook 和 Google-style Scheduling

FREE TRIAL VIEW DEMOS < div class="supported-frameworks supported-frameWorks-four-platform vue" id="supported-frameworks-strip-segment"> < div id="mobile-strip-section"> Supported frameworks < / div > < div class="strip-opacity"> < div id="framework-strip"> < div class="content" id="framework-content"> Supported frameworks < / div > < div class="framework" id="framework-platforms"> < div class="framework-hover"> JavaScript icon
JavaScript
< / div >
< div class="framework-hover"> 角 icon
< / div >
< div class="framework-hover"> 反应 icon
反应
< / div >
< div class="framework-hover"> Blazor icon
Blazor
< / div >
< / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div class="container"> < div class="row"> < div class="col-sm-12 col-xs-12 text-center">

深受世界领先企业信赖

Syncfusion可信的公司 < / div > < / div > < / div >
< div id="control-static-menu"> < div class="container"> < div class="row"> < div class="col-lg-4 col-md-6 col-sm-6 col-xs-8 control-heading-section"> < / div > < div class="col-lg-4 hidden-md hidden-sm hidden-xs" id="navigation-link"> < div class="hide all-control-content"> EXPLORE OTHER CONTROLS < / div > < / div > < div class="right-panel col-lg-4 col-md-6 col-sm-6 col-xs-4"> < / div > < div class="hidden-lg col-md-12 col-sm-12 col-xs-12" id="mobile-navigation-link"> < div class="hide all-control-content"> EXPLORE OTHER CONTROLS < / div > < / div > < / div > < / div > < / div > < div class="featuretour-markdown" id="featuretour-markdown"> < div class="container"> < div class="col-sm-12 col-xs-12 other-controls" id="control-content"> < div class="row ft-one-column segment">

Overview

The Vue Scheduler, or event calendar, 是一个功能齐全的事件日历组件,帮助用户有效地管理他们的时间吗. 它通过编辑器弹出窗口简化了资源调度和事件或约会的重新调度, drag 和 drop, resizing actions.

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

Multiple 时间表r 的观点

A wide variety of built-in view modes are available: day, 周, 一周工作时间, 月, 议程, 月-议程, 一年, timeline. 使用不同的视图特定选项轻松地配置每个单独的视图.

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

日、周和工作周视图

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

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

月 view

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

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

议程 view

虚拟加载事件,并按照按天分组的顺序将它们显示为列表. Specify the number of days that load initially in the 议程 view.

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

月 议程 view

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

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

Year view

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

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

Timeline 的观点

Five built-in timeline 的观点 are available: timeline day, timeline 周, timeline 一周工作时间, timeline 月, timeline 一年. 每个视图在水平时间轴上精确地显示一天或多天的事件.

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

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

独特的视图配置

很容易配置每个单独的视图模式与不同的日历设置. For example, 可以在月视图中启用分组功能,在周视图中应用事件模板.

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

Extensible view intervals

Display multiple days, 周, 并根据提供的间隔计数扩展每个视图模式.

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

响应和触屏移动

Vue调度器具有高度响应的布局和对桌面进行了精心优化的设计, touch screens, smart phones. 它在所有使用iOS、Android或Windows 8操作系统的手机上运行良好.

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

Vue调度器的触摸支持说明.

Touch support

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

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

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

Adaptive UI

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

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

Data binding

数据与各种本地和远程数据源(如JSON)无缝绑定, RESTful services, OData services, WCF services.

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

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

Vue Scheduler中可用的数据绑定选项.

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

Block time interval

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

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

Inline appointments

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

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

高级事件处理选项

Vue调度程序提供了清晰的, 充满活力的, exact representations of appointments across the Scheduler timeline, 基于他们所分配的时间.

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

Illustration of add 和 edit capabilities of Vue Scheduler.

Add 和 edit capabilities

T在这里 is built-in support for better event h和ling, 例如,使用默认的事件编辑器或通过直观的拖拽和调整大小操作更容易创建和编辑约会. 此外,还可以向事件数据源和资源数据源添加自定义数据字段.

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

Illustration of multiple event selection in Vue Scheduler.

Multi-event selection

轻松地选择多个事件,一次按下并按住Ctrl键,同时点击事件. On mobile devices, 通过点击和举办一个活动来做同样的事情, continue selecting by single-tapping other 事件. 成功选择事件后,请同时删除或重新定位事件.

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

Vue调度器的事件工具提示说明.

工具提示

当鼠标指针悬停在事件上时,可定制的工具提示将显示事件信息. Do the same on mobile devices by tapping 和 holding an event.

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

Vue调度程序的重复事件说明.

Recurring 事件

Easily configure recurring 事件 to repeat on a daily, 每周, 每月, or 一年ly basis with integrated recurrence options.

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

Illustration of event customization with Vue Scheduler.

Appearance customization

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

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

Illustration of time zone support of Vue Scheduler.

Time zone

与系统时区无关, Vue Scheduler支持为控件本身设置所需的时区, as well as 事件.

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

多个资源和分组

内置支持为事件分配资源和调度资源. 根据资源或日期对约会进行分组. 按日期分组资源提供了对每个资源可用性的快速概述. You can also set different working days for each resource.

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

Row auto height

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

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

Context menu

右键单击单元格或约会时,将打开与Vue Scheduler集成的上下文菜单.

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

实时数据同步

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

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

Illustration of Google Calendar integration with Vue Scheduler.

Outlook和谷歌日历集成

通过谷歌日历API或Microsoft Outlook的对象库,轻松同步Vue调度器和谷歌或Outlook日历之间的事件.

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

Illustration of real-time up日期s of Vue Scheduler.

Real-time up日期s

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

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

Exporting

Vue调度器允许用户以两种方式导出事件:作为Excel文件或作为ICS文件.

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

Illustration of Excel 出口 support in Vue Scheduler.

Export to Excel

默认情况下,Vue Scheduler允许将其所有事件导出到Excel文档. 它还提供了其他定制选项来导出定制的事件数据集合.

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

Illustration of 出口 和 进口 ICS files in Vue Scheduler.

Export 和 进口 ICS

The Scheduler supports exporting all its event data to iCal format, it supports 进口ing 事件 从 an iCal file into the Scheduler.

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

功能丰富的日历选项

The Vue Scheduler inherits almost all the calendar-specific features, 比如一周的第一天和时间表.

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

Illustration of first day of the 周 in Vue Scheduler.

First day of the 周

根据默认区域设置,定制一周的第一天,默认为周日. You can utilize this option for individual 的观点, also.

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

Illustration of setting start 和 end hours on Vue Scheduler.

Custom start 和 end hours

通过隐藏不需要的小时数来显示事件调度程序布局,该布局具有特定的持续时间.

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

Illustration of timescale options of Vue Scheduler.

Flexible timescale

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

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

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

Working time

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

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

Illustration of current time highlighting in Vue Scheduler.

Highlighting current time

Indicate the current 日期 with a highlighted 日期 header. 在所有视图上准确地标记当前时间.

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

Illustration of hiding 周end days in Vue Scheduler.

Hiding 周end days

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

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

Illustration of displaying 周 numbers in Vue Scheduler.

周 number display

以天为单位显示当前日期范围的周数, 周, 一周工作时间 的观点. 也 display the 周 number in the 月 view as the first column. 周数由一周的第一天和周规则(第一天或第一个完整周)决定, or first four day 周).

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

Illustration of displaying time format in Vue Scheduler.

Time mode

The Scheduler control supports both 12-hour 和 24-hour time formats.

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

完全可定制的界面

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

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

Illustration of 日期 header customization in Vue Scheduler.

日期 header

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

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

Illustration of complete Vue Scheduler customization.

Complete Scheduler UI

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

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

Illustration of common header bar in Vue Scheduler.

Header bar

Add custom items to the 默认的 header bar options. 您可以隐藏或显示通用标题栏选项.

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

Illustration of cell customization with Vue Scheduler.

Scheduler cells

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

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

Vue调度程序中快速弹出窗口的说明.

Quick pop-ups

Easily customize pop-ups that open when single-clicking on cells, 事件, or appointments with your own UI or template design.

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

Vue调度程序的事件编辑器的说明.

在外部打开事件编辑器

Open the 默认的 event editor window programmatically.

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

User-friendly interactions

Vue Scheduler的现代和流行的UI设计使用户交互更加简单和高效.

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

弹出式显示事件信息.

Quick event overview

Clicking or tapping on 事件 displays their 进口ant details, 比如主题和时间, 以及编辑和删除选项.

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

Vue调度程序单元选择.

Cell selection

单击并将指针拖到Scheduler单元格上以进行多单元格选择. 你也可以使用键盘快捷键.

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

事件容器显示在月日历.

Event container

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

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

Vue调度程序中的导航选项.

Quick navigation

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

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

全球化和地方化

Integrate different 日期-time formats 和 cultures. This allows the Vue Scheduler to function globally, thus meeting the diverse needs of different regions.

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

具有全球化支持的Vue调度程序.

Globalization

Vue Scheduler按照全球化的日期和时间格式显示当前日期和时间.

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

具有本地化支持的Vue调度器.

Localization

Display the static text, 日期 content, time mode of the Scheduler following the localized language.

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

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

Right to left (RTL)

按照正确的从右到左的约定呈现事件调度程序, 这样从右到左显示布局.

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

Accessibility

The Vue Scheduler is easily accessed by screen readers. Complete keyboard interaction support has also been 提供d.

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

可访问性启用Vue调度程序.

Completely accessible

The Vue Scheduler has complete WAI-ARIA accessibility support. The Scheduler UI includes high-contrast visual elements, giving visually impaired people the best viewing experience. 也, 有效的UI描述可以通过屏幕阅读器等辅助技术轻松访问.

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

键盘交互式Vue事件日历.

Keyboard interactive

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

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

Web framework integration

The Scheduler component integrates easily with other web frameworks:

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

Vue Scheduler illustration for web framework support.

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

Supported browsers

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

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

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

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

实时应用程序中使用的Vue事件日历.

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

Real-time applications

Many real-time applications 使用 时间表rs as an integral part, thus serving different purposes based on the project type. Some of the active applications are: fare calendars, meeting room calendars, 医生的约会计划, 酒店预订日历.

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

内置和可定制的主题

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

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

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

Vue调度程序的主题插图.

< / div > < div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div class="row ft-one-column segment">

Developer-friendly APIs

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

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

Vue调度程序代码示例

使用几行简单的Vue代码就可以轻松地开始使用Vue调度器,如下所示. 也 explore our Vue Scheduler Example that shows you how to render 和 configure the 时间表r.

< div class="code-snippet-tabs" id="code-snippet-1"> < div class="tab-content"> < div class="tab-pane" data-original-lang="vue" id="qks699lvk42kot4ydab0fo6b8c9hmth0-vue" role="tabpanel"> < div class="highlight">
<template>
   id=“应用程序”>
     id='Schedule' :selected日期='selected日期' :eventSettings='eventSettings'>
  
template>

<script>
进口 Vue  "vue";
进口 { SchedulePlugin, 一天, , Work周, , 议程 }  "@syncfusion / ej2-vue-时间表";
Vue.使用(SchedulePlugin);

出口 默认的 {
  data: function () {
  返回 {
    selected日期:  日期(2018, 1, 20),
    eventSettings: { dataSource: [
      {
        Id: 1,
        主题: 'Scrum Meeting',
        Location: '办公室',
        StartTime:  日期(2018, 1, 12, 9, 30),
        EndTime:  日期(2018, 1, 12, 10, 30),
        RecurrenceRule: '频率=每周;BYDAY =莫,你,十博体育app,TH, FR;间隔= 1'
      }]},
    }
  },
  提供: {
    时间表: [一天, , Work周, , 议程]
  }
};
script>
< / div > < / div > < / div > < / div > < / div >
< div class="row ft-one-column segment">

其他支持框架

Scheduler组件也可以在Blazor、反应、角和JavaScript框架中使用. Check out the different Scheduler platforms 从 the links below,

< / div >


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

不确定如何创建您的第一个Vue调度程序? 十博体育app的文档可以提供帮助.

I’d love to read it now < / div > < / div > < / div > < div id="static-footer"> < div class="container"> < div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="previous-link"> < div class="title-element">Previous< / div > < div class="arrow-element"> < / div > < div class="content"> < div id="prev-element">< / div > < / div > < / div > < div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="next-link"> < div class="title-element">下一个< / div > < div class="content"> < div id="next-element">< / div > < / div > < div class="arrow-element"> < / div > < / div > < / div > < / div > < div id="control-heading-section">

65+ VUE UI COMPONENTS

< div id="loader">< / div > < div class="control-section vue" id="ft-controllist"> < div class="container"> < div class="row" id="control-items"> < div id="ft-control-platform"> < div class="sub-heading text-center">ALL COMPONENTS< / div > < div class="control-list-items col-xs-6"> < div class="section-list"> < div class="content-heading controldiv"> 网格 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> DATA VISUALIZATION < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 输入 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 编辑器 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> DROPDOWNS < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> CALENDARS < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 按钮 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 布局 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> NAVIGATION < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 查看器 < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> NOTIFICATIONS < / div > < / div > < div class="section-list"> < div class="content-heading controldiv"> 形式 < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < div class="segment" id="faq"> < div class="container">

常见问题

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

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

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

十博体育app不单独出售Vue调度程序. It is only available for purchase as part of the Syncfusion Vue suite, 包含超过70个Vue组件, including the Scheduler. 的单一开发人员许可 synfusion Essential Studio for Vue套件 成本 $995.00美元包括一年的支持和更新. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请 contact our sales team to see if you qualify for any additional discounts.

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

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

您可以找到十博体育app的Vue调度程序演示 在这里.

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

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

不,十博体育app的70个Vue组件,包括调度程序,不是单独销售的,只是作为一个单独的包. 然而, 十博体育app有竞争力的价格产品,所以它的成本只比一些其他供应商收取的调度器略多一点. We have also found that, in our experience, 十博体育app的客户通常开始使用十博体育app的一种产品,然后迅速扩展到几种产品, 所以十博体育app觉得最好是提供所有70 Vue组件的统一费用 $995/developer. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请 contact our sales team to see if you qualify for any additional discounts.

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

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

No, this is a commercial product 和 requires a paid license. 然而, a free community license 也适用于年总收入少于100万美元的公司和个人以及5个或更少的开发者.

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

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

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

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

Read independent,
authenticated re的观点
在G2

Download Now 定价 < / div > < / div > < / div >
< div class="container">

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

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

double quotes

十博体育app经常使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,并且包含了示例. Tickets with questions or suggestions were answered within a day, 所以十博体育app很乐意使用Syncfusion库. < / div > < / div > < div class="row customer-information"> < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div class="profile-图像"> Daniel Persidok < / div > < / div > < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div class="testimonial-author">

Daniel Persidok

wpd onshore GmbH & Co. KG

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

double quotes

使用Syncfusion、角和JavaScript控件让前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, methods that can be 使用d to interact with the element, a lot of 事件 that trigger at different stages, 这使得根据应用程序的状态修改组件变得很容易. 此外,他们的支持也是惊人的! 他们总是提供一个工作项目的样本, which makes it very simple to solve your question about your code. < / div > < / div > < div class="row customer-information"> < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div class="profile-图像"> Carlos Rodriguez Garcia < / div > < / div > < div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div class="testimonial-author">

Carlos Rodriguez Garcia

Vistatec

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

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

< / div > < / div > < / div > < / div > < div class="text-center segment xamarin-新-ft technical-support-v1 technical-support-controls" id="technical-support"> < div class="container"> < div class="row"> < div class="platform-heading-text">Syncfusion Vue Resoures< / div > < div class="col-sm-12 col-md-12 col-xs-12 category-container heading-3"> < div class="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> Learning < div class="support-link-section"> documentation Documentation < / div > < / div > < div class="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> Technical Support < div class="support-link-section"> contact-support Contact Support < / div > < div class="support-link-section"> 论坛 Community Forum < / div > < div class="support-link-section"> Features & 错误 Features & 错误 < / div > < / div > < div class="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> UI工具包 < div class="support-link-section"> Sketch Download Sketch Download < / div > < div class="support-link-section"> Adobe XD Download Adobe XD Download < / div > < div class="support-link-section"> Figma Download Figma Download < / div > < / div > < / div > < / div > < / div > < / div > < div class="segment" id="awards"> < div class="container segment"> < div class="row">

伟大——说你拥有它是一回事,但当别人意识到它时,它意味着更多. Syncfusion is proud to hold the following industry awards.

< div class="all-awards text-center hidden-xs"> Syncfusion 奖 < / div > < div class="all-awards text-center hidden-lg hidden-md hidden-sm"> Syncfusion 奖 < / div > < / div > < / div > < / div > Up arrow icon < div class="segment" id="footer-warpper"> < div class="container"> < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">PRODUCTS< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">EXPLORE OUR PRODUCTS< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">RESOURCES< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">LEARNING & 支持< / div > < / div > < div class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div class="top-content content-medium">公司< / div > < / div > < / div > < / div > < div id="footer-bottom"> < div class="container"> < div class="row"> < div class="col-sm-8 hidden-xs content-small"> < div class="footer-syncfusion-logo"> < / div > < div class="link"> Privacy Policy | Cookie Policy | Terms of Use < / div > < div id="copyright-desktop"> 版权所有©2001 - 2022 十博体育APP下载. All Rights Reserved < / div > < / div > < div class="col-sm-4 hidden-xs footer-contact-section"> < div class="footer-contact-fax"> < / div > < div class="footer-contact-mail"> < / div > < div class="col-sm-12 footer-icons-section"> < / div > < / div > < div class="visible-xs mobile-footer text-center">

CONTACT US

< div class="copyright"> < div class="link"> Privacy Policy | Cookie Policy | Terms of Use < / div > < div id="copyright"> 版权所有©2001 - 2022 十博体育APP下载. All Rights Reserved < / div > < / div > < / div > < / div > < / div > < / div > < div class="IE-notifiyPopup" id="upgradeIE"> < div class="container popuptext"> < div>

Warning Icon 您使用的是过时版本的Internet Explorer,可能无法显示本网站和其他网站的所有功能. Upgrade to Internet Explorer 8 or 新er for a better experience.Close Icon

< / div > < / div > < / div > < div hidden="" id="getservertime">2/28/2022 06:20:53 PM< / div > < div hidden="" id="WebinarForFTExpiration">星期二,2月18日2020 15:00:00 UTC< / div > < div hidden="" id="烤面包机Expiration日期">星期三,2月16日2022 04:59:00 UTC< / div > < div id="chat-icon-mobile"> Live Chat Icon For mobile < / div >
友情链接: 1 2 3 4 5 6 7 8 9 10