星期 ‹input type='week'›

Exisi 2020-06-07 12:55:11
Categories: Tags:

 

属性

说明

value

一个字符串代表所输入的星期/年的值。HTML 中使用的日期与时间格式 中的 合法的星期字符串中描述了此输入类型使用的日期和时间值的格式

max

接受以上值部分中讨论的字符串格式的按时间最新年份和星期数。如果输入到该元素中的 value 超过此值,则元素将无法通过约束验证。 如果 max 属性的值不是有效的星期字符串,则该元素没有最大值。

 

此值必须大于或等于 min 属性指定的年和星期。

min

最早接受的年和星期数。如果输入到该元素中的 value 小于此值,则该元素将无法通过约束验证。如果 min 属性的值不是有效的星期字符串,则输入没有最小值。

 

该值必须小于或等于 max 属性的值。

readonly

布尔属性值,如果存在,说明此字段不能由用户编辑

step

step 属性指定了值必须满足的粒度,或者是下文描述的特殊值 any。值必须满足基础的步进值,才有效。如果指定了 min 属性,则由 min 属性决定,否则,使用 value 属性的值,如果上述两个值都不存在,则提供适当的默认值。

 

字符串值 any 意味着不使用步进值,任意值都可以接受(除其他制约因素如 min max 之外)。

 

当用户输入的数据不符合步进配置时,用户代理可能会四舍五入到最近的有效值,当有两个同样接近的选项时,更倾向于正方向的数字。

 

对于 week 输入,step 的值以周为单位,比例因子为 604,800,000(因为基础数值以毫秒为单位)。step 的默认值为 1,表示 1 周。默认的步进基数是-259,200,000,这是 1970 年第一周的开始("1970-W01"

示例

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

 

<body>

    <form>

        <label for="week">What week would you like to start?</label>

        <input id="week" type="week" name="week" />

    </form>

</body>

 

</html>

 

 

浏览器运行结果如下:

 

 

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