HTML | Propiedad de tipo de fecha y hora de entrada DOM

La propiedad de tipo de fecha y hora de entrada se utiliza para devolver el tipo de elemento de formulario que es el campo de fecha y hora. 
La propiedad Tipo de fecha y hora de entrada devuelve una string que representa el tipo de elemento de formulario que es el campo de fecha y hora. 
Navegadores como Safari y Opera devuelven «fecha y hora» como resultado, mientras que navegadores como Internet Explorer, Firefox y Chrome devuelven «texto».

Nota: Safari y Opera 12 (y versiones anteriores) devuelven «fecha y hora», mientras que Opera 15 (y versiones más recientes), Internet Explorer, Firefox y Chrome devuelven «texto».

Sintaxis: 

datetimeObject.type

Valores devueltos : devuelve un valor de string que representa el tipo de elemento de formulario del campo de fecha y hora

El siguiente programa ilustra la propiedad de tipo de fecha y hora:
Devuelve el tipo de elemento de formulario que es el campo de fecha y hora.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>Input Datetime type Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Input Datetime type Property</h2>
    <br> Date Of Birth:
    <input type="datetime" id="Test_Datetime">
 
     
 
 
<p>To find out the type of form element the datetime field is,
      double-click the "Check Type" button.</p>
 
 
 
 
    <button ondblclick="My_Datetime()">Check Type</button>
 
    <p id="test"></p>
 
 
 
 
    <script>
        function My_Datetime() {
            var t = document.getElementById("Test_Datetime").type;
            document.getElementById("test").innerHTML = t;
        }
    </script>
 
</body>
 
</html>
                                          

Salida:  
Antes de hacer clic en el botón:

Después de hacer clic en el botón: 
 

Nota : el elemento <input type=”datetime”> no muestra ningún campo/calendario de fecha y hora en ninguno de los principales navegadores, excepto Safari.

Navegadores web compatibles: 

  • safari de manzana
  • explorador de Internet
  • Firefox
  • Google Chrome
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *