HTML | Propiedad DOM del dateTime

La propiedad DOM del dateTime se utiliza para establecer o devolver el valor del atributo DateTime del elemento <del> . Este atributo se utiliza para especificar la fecha y la hora del texto eliminado. La fecha-hora se inserta en el formato AAAA-MM-DDThh:mm:ssTZD .

Sintaxis:

Se utiliza para devolver la propiedad DateTime.
```
delObject.dateTime
```
Se utiliza para establecer la propiedad dateTime.
```
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
```

Valores de propiedad:

AAAA-MM-DDThh:mm:ssTZD AAAA-MM-DDThh:mm:ssTZD Especifica la fecha y hora en que se eliminó el texto

Explicación:

AAAA – año (por ejemplo, 2009)
MM – mes (por ejemplo, 01 de enero)
DD – día del mes (por ejemplo, 08)
T – un separador requerido
hh – hora (por ejemplo, 22 para las 22:00)
mm – minutos (por ejemplo, 55)
ss – segundos (por ejemplo, 03)
TZD : designador de zona horaria (Z denota zulú, también conocido como hora media de Greenwich)

Valor de retorno: Devuelve un valor de string que representa la fecha y hora en que se eliminó el texto.

Ejemplo-1: este ejemplo devuelve la propiedad dateTime.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML DOM Del dateTime
  </title>
    <style>
        del {
            color: red;
        }
          
        ins {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
    <h1>
      GeeksforGeeks
  </h1>
  
    <h2>
      DOM Del dateTime Property
  </h2>
  
    <p>
        GeeksforGeeks is a 
      <del id="GFG" 
           datetime="2018-11-21T15:55:03Z"> 
            mathematical</del> 
      <ins>computer</ins> science portal
    </p>
  
    <button onclick="myGeeks()">
        Submit
    </button>
  
    <p id="sudo"></p>
  
    <script>
        function myGeeks() {
            var g = 
                document.getElementById(
                  "GFG").dateTime;
            
            document.getElementById(
              "sudo").innerHTML = g;
        }
    </script>
  
</body>
  
</html>

Producción:

Antes de hacer clic en el botón: :

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

Ejemplo-2: este ejemplo establece la propiedad dateTime.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML DOM Del dateTime
  </title>
    <style>
        del {
            color: red;
        }
          
        ins {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
  
    <h2>
      DOM Del dateTime Property
  </h2>
  
    <p>
        GeeksforGeeks is a 
      <del id="GFG" 
           datetime="2018-11-21T15:55:03Z"> 
            mathematical</del> 
      <ins>computer</ins> science portal
    </p>
  
    <button onclick="myGeeks()">
        Submit
    </button>
  
    <p id="sudo"></p>
  
    <script>
        function myGeeks() {
            var g = 
                document.getElementById(
                  "GFG").dateTime = "2013-11-15T21:40:07Z";
            
            document.getElementById(
              "sudo").innerHTML = 
              "The value of the dateTime attribute was changed to "
            + g;
        }
    </script>
  
</body>
  
</html>

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

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

Navegadores compatibles: los navegadores compatibles con la propiedad DOM Del dateTime se enumeran a continuación:

Google Chrome
Internet Explorer 10.0 +
Firefox
Ópera
Safari

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta