HTML | DOM 输入日期值属性

Input Date value 属性用于设置或返回日期字段的 value 属性的值。
输入日期值属性可用于指定日期字段的日期。
句法：

• 返回 value 属性：

inputdateObject.value

• 用于设置 value 属性：

inputdateObject.value = YYYY-MM-DD

适当的价值：

• YYYY-MM-DD ：用于指定日期。
  • YYYY：指定年份。
  • MM：指定月份。
  • DD：它指定一个月中的哪一天。

返回值：它返回一个字符串值，该值指定日期字段的日期值。

下面的程序说明了日期值属性：
为日期时间字段设置日期。

html

 

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

 

 
    GeeksforGeeks
    Input Date value Property
     Date Of Birth:
    
 
     
 
To set a date for the date field,
      double-click the "Set Date" button.
 
 
 
    Set Date
 
    
 
 
 
    
        function My_Date() {
            document.getElementById("Test_Date").value = "2019-02-04";
        }
    
 

输出：

点击按钮后

示例 2：下面的代码返回一个日期值属性。

HTML

 

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

 

 
    GeeksforGeeks
    Input Date value Property
     Date Of Birth:
    
 
     
 
To return a date for the date field,
    double-click the "Set Date" button.
 
 
 
    Return Date
 
    
 
 
 
    
        function My_Date() {
        var g =    document.getElementById("Test_Date").value;
        document.getElementById('test').innerHTML= g;
             
        }
    
 

前：

后：

支持的网络浏览器：

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