日期和时间 ‹input type='datetime-local'›

isixe 2020-06-06 18:45:15
Categories: Tags:

 

属性

说明

max

接受的最晚日期和时间的值。如果 value 的值晚于这一时间戳,则该元素不会通过约束验证。如果 max 属性的值不是遵循 YYYY-MM-DDThh:mm 格式的有效字符串,则该元素没有最大值。

该属性指定的值必须晚于或等于 min 属性的值。

min

接受的最早日期和时间的值。如果早于这一时间戳,则该元素不会通过约束验证。如果 min 属性的值不是遵循 YYYY-MM-DDThh:mm 格式的有效字符串,则该元素没有最小值。

该属性指定的值必须早于或等于 max 属性的值。

step

step 属性是一个数字,用于指定值调整的步长;或使用特殊值 any。该属性的描述如下:仅能使用基础的调整步长(若 min 已指定,则从其开始;否则使用 value;若两者均未提供,则为某一适当的默认值)。

字符串值 any 表示没有步长约束,任何的值均可使用(除了其它的约束,如:min max)。

  • 当用户输入的数据不符合配置的步长限制时,用户代理可能会将其四舍五入到最近的有效值,当有两个差值相等的选项时,优先选择大于当前值的数值。
  • 对于 datetime-local 输入控件,step 值的单位是秒,最小分度为 1/1000(因为底层的数值以毫秒为单位)。默认的 step 值为 60,表示 60 秒(或一分钟、60000 毫秒)

示例

<!DOCTYPE html>

<html>

 

<head>

    <meta charset="UTF-8" />

    <title>HTML/SVG Example</title>

</head>

 

<body>

    <form>

        <label for="party">输入日期和时间:</label>

        <input id="party" type="datetime-local" name="partydate">

    </form>

</body>

 

</html>

 

浏览器运行结果如下:

 

 

 

来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/datetime-local>