HTML | DOM 输入日期 min 属性

Input Date min 属性用于设置或返回日期字段的 min 属性值。该属性返回一个表示允许的最短日期的字符串。

句法：

• 返回 min 属性：

inputdateObject.min

• 设置 min 属性：

inputdateObject.min = YYYY-MM-DD

适当的价值：

• YYYY-MM-DDThh:mm:ssTZD ：用于指定允许的最小日期和时间。
  • YYYY：指定年份。
  • MM：指定月份。
  • DD：它指定一个月中的哪一天。
  • T：如果还输入了时间，则指定分隔符。
  • hh：指定小时。
  • mm：指定分钟。
  • ss：指定秒数。
  • TZD：它指定时区指示符。

返回值：它返回一个字符串值，表示日期字段允许的最小日期。

下面的程序说明了 Date min 属性：
示例 1：获取日期字段允许的最小日期。

html

 

    Input Date min Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Input Date min Property
    
 
     
 
The range of date accepted is between 2019-02-18 and 2019-02-20:
        
 
         
 
To return the min range of the date field,
          double click the "Return Min" button.
 
 
 
        Return Min
 
        
 
 
 
        
            function My_Date() {
                var d = document.getElementById("Test_Date").min;
                document.getElementById("test").innerHTML = d;
            }
        
 

 

输出：
前：

点击按钮后：

示例 2：下面的代码设置 Input Date min 属性。

HTML

 

    Input Date min Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Input Date min Property
    :
        
 
         
 
To set  the min range of the date field,
        double click the "Set Min" button.
 
 
 
        Set Min
 
        
 
 
 
        
            function My_Date() {
                var d = document.getElementById("Test_Date").min =
                    "2019-01-01";
                document.getElementById("test").innerHTML = d;
            }
        
 

 

前：

点击按钮后：

支持的网络浏览器：

• 苹果Safari
• IE浏览器
• 火狐
• 谷歌浏览器
• 歌剧