AutoStore

Appearance

DateTime ​

概述 ​

DateTime是日期时间选择组件，继承自Input，底层使用inputType=datetime-local在同一个控件内同时录入日期与时间。

示例 ​

声明一个日期时间字段只需要指定widget: 'datetime'，值采用YYYY-MM-DDTHH:mm格式的字符串：

ts
const form = document.querySelector('#form');
form.state = {
    startTime: configurable('2025-12-12T08:30', {
        label: '开始时间',
        widget: 'datetime',
    }),
};
loading

指南 ​

基础用法 ​

ts
form.state = {
    appointment: configurable('', {
        label: '预约时间',
        widget: 'datetime',
    }),
};

属性 ​

DateTime继承自Input的全部属性（如min、max、clearable等），无自有独有属性。

注意事项 ​

  • 底层基于原生<input type="datetime-local">，不同浏览器/移动端的选择界面存在差异，详见MDN input datetime-local。
  • 值中的日期与时间以字母T分隔，提交前如需其他格式请配合toState/fromState转换。