设置input type为datetime-local时的最大值max

Input标签 type为datetime-local时,键盘输入年份默认会在输入6个数字后自动跳转到月份的位置。

input type为datetime-local标签

为了输入方便,给datetime加上最大值限制,控制在输入4位数字的年份后,第五位数字直接成为月份。

  1. 使用JavaScript实现,也是w3c上提供的方法  https://www.w3schools.com/jsref/prop_datetime-local_max.asp

      格式为:datetimelocalObject.max = YYYY-MM-DDThh:mm:ss

    
    

    ·jquery

    $("#set_datetime").attr("max", "2200-12-30T00:00");

   2.直接在input标签内加max属性:

    

 设置最大值后,输入4位数字会自动跳转到月份:

设置最大值后

友情提醒;

目前这个标签浏览器支持比较差,慎用!!

·直接在标签内写和用jquery写,我在公司电脑上写的时候是无效,在自己电脑上写有效;

·max有效,min基本无效;

·虽然w3c链接的网页显示浏览器基本支持js设置max属性,

设置input type为datetime-local时的最大值max_第1张图片

但是input标签datetime-localtype属性本身并不被safari和火狐支持,会被降级为input type=”text”:

设置input type为datetime-local时的最大值max_第2张图片设置input type为datetime-local时的最大值max_第3张图片

你可能感兴趣的:(javascript,jquery,html,JavaScript)