Vue DateTimePicker的剑道UI是一个组件，提供了一个直观和用户友好的界面，用于选择特定的一天和一天的时间。用户可以从出现在组件下面的弹出列表中选择日期和时间，也可以在组件的输入中手动插入值。DateTimePicker通过其各种自定义选项，允许开发人员实现所需的日期/时间选择场景。

有时，应该为用户禁用与DateTimePicker的交互。对于这些场景，组件提供了其禁用状态的可见指示。通过控制单个属性的值，我们可以动态启用或禁用DateTimePicker。

DateTimePicker在它的弹出日历中总是有一个以不同方式显示的日期。这种约会被称为“集中约会”。默认情况下，焦点日期是今天的日期，但是可以使用单个配置属性将焦点设置为任何其他日期。

剑道UI为Vue DateTimePicker集中日期的例子

Vue DateTimePicker的剑道UI与所有可用的时间(24小时时钟)和所有过去或未来的日期。当您不需要宽泛的日期和/或时间范围时，组件的限制功能可以设置用户可以选择或输入的日期和时间槽。有了这个范围限制，用户就不能选择或输入超出定义边界的值。

Vue DateTimePicker日期和时间限制的剑道UI例子

DateTimePicker支持所有标准的日期和时间字符串，并可以以开发人员配置的各种格式显示它们。

Kendo UI为Vue DateTimePicker格式的例子

当您在单个组件中处理日期和时间时，占位符功能是必不可少的。DateTimePicker允许开发人员使用任何有效的格式字符串来定义如何显示日期和时间值。

剑道UI为Vue DateTimePicker占位符的例子

Vue DateTimePicker的剑道UI具有内置的全球化支持。有了这个功能，组件中显示的数据和文本将根据最终用户的首选项进行本地化。

剑道UI为Vue DateTimePicker全球化的例子

当您的场景需要提交包含日期和时间值的表单时，Vue DateTimePicker的Kendo UI是您可以依赖的组件，因为:

• 它提供了一个用户友好的选择日期和时间的界面
• 它通过将两个组件合二为一来简化表单
• 它附带了内置的验证功能和错误消息定制

DateTimePicker可以在受控和非受控模式下工作。当组件处于非受控模式时，它的表单数据由DOM处理。在受控模式下工作时，DateTimePicker的表单数据由Vue组件处理。默认情况下，组件工作在非受控模式。切换到受控模式可以通过单个配置选项完成。

DateTimePicker组件的实现遵循wai - aria而且第508节标准。它可以通过屏幕阅读器和其他辅助技术访问。该组件还有一个集成的键盘导航。这个导航可以打开它的弹出窗口，选择日期和时间，并仅使用键盘更新它的值。