v3.1.0
💢 使用示例

biletiki.vanilla-calendar.pro 是一个用于搜索机票和酒店的网站示例。

Vanilla Calendar Pro 介绍

Vanilla Calendar Pro 是一个强大、灵活且轻量级的处理日期和时间的工具,专为需要为 Web 应用程序或网站提供功能齐全且易于自定义的日历的开发人员而创建。它独立于外部库且性能卓越,是集成到任何需要日历的项目中的绝佳选择。

此日历专为从事各种项目的开发人员设计,无论是个人网站、企业门户还是复杂的 Web 应用程序。Vanilla Calendar Pro 非常适合那些寻找简单日期显示解决方案的人,以及那些需要更高级功能(如时间选择和交互操作)的人。

主要特性

Vanilla Calendar Pro 提供了一套丰富的功能,允许创建方便且自适应的日历小部件。

主要特性包括:

  • 轻量级:最终的 JavaScript 文件经过压缩和优化,可快速加载。
  • 无依赖:完全独立,无需额外的库。
  • 易于本地化:支持轻松本地化为任何语言。
  • 可自定义:通过 CSS 和 HTML 标记轻松配置。
  • 多实例:允许在单个页面上使用无限数量的日历。
  • 主题支持:自动在浅色和深色主题之间切换,并支持自定义主题。
  • 周起始日自定义:允许选择一周中的任何一天作为起始日。
  • 周末自定义:允许为每周设置自定义周末。
  • 周数显示:可以显示一年中的周数。
  • 不绑定到 <input>:与许多日历不同,它不限于与 <input> 元素一起使用。
  • 可访问性:包括 ARIA 标签、tabindex 和完整的键盘导航,增强了可访问性。
  • 日期和时间范围选择:支持选择具有最小和最大限制的日期和时间范围。
  • 弹出窗口和工具提示:允许设置带有自定义信息的弹出窗口,并为日期范围选择添加工具提示。

尝试 Vanilla Calendar Pro

以下是 Vanilla Calendar Pro 在 JS 沙盒中的实时示例。您可以修改参数并立即查看日历如何适应您的设置。

此演示示例 — 本节中的众多示例之一 — 帮助您了解如何使用 Vanilla Calendar Pro 并根据您的需求进行自定义。

在以下部分中,您将找到成功集成和设置 Vanilla Calendar Pro 所需的一切。

介绍 | Vanilla Calendar Pro