HTML | DOM 输入日期时间只读属性

Input Datetime readOnly属性用于设置或返回日期时间字段是否应为只读。
只读字段可以标签化、高亮显示并可用于复制文本，但不能进一步修改。 HTML readonly 属性由 Input Datetime readOnly 属性反映。
句法：

• 用于返回 readOnly 属性

datetimeObject.readOnly

• 设置 readOnly 属性：

datetimeObject.readOnly = true|false

适当的价值

• true|false ：用于指定日期时间字段是否为只读。

返回值：它返回一个布尔值，表示日期时间字段是否为只读。

下面的程序说明了 Datetime 只读属性：

将日期时间字段设置为只读。

html

 

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

 

 
    GeeksforGeeks
    Input Datetime readOnly Property
     Date Of Birth:
    
 
     
 
To set the date time to read-only,
      double-click the "Set Read-Only" button.
 
 
 
    Set Read-Only
 
    
 
 
 
    
        function My_Datetime() {
            document.getElementById("Test_Datetime").readOnly = true;
        }
    
 

 

输出：

点击按钮后

返回只读[仅用于日期时间字段。

HTML

 

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

 

 
    GeeksforGeeks
    Input Datetime readOnly Property
     Date Of Birth:
    
 
     
 
To return the date time to read-only,
      double-click the "Return Read-Only" button.
 
 
 
    Return Read-Only
 
    
 
 
 
    
        function My_Datetime() {
 var g = document.getElementById("Test_Datetime").readOnly;
     document.getElementById("test").innerHTML = g;
        
        }
    
 

 
                                         

前：

后：

支持的网络浏览器

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