HTML | DOM Entrada DatetimeLocal min Propiedad

La propiedad Input DatetimeLocal min se usa para establecer o devolver el valor del atributo min del campo datetimeLocal. Se utiliza para especificar el valor mínimo de fecha y hora para un campo datetimeLocal. Devuelve una string que representa la fecha y hora mínimas permitidas.

Sintaxis:  

  • Devuelve la propiedad Input DatetimeLocal min.
inputdatetimelocalObject.min
  • Se utiliza para establecer la propiedad Input DatetimeLocal min.
datetimelocalObject.min = YYYY-MM-DDThh:mm:ss.ms

Valor de Propiedad: Acepta el valor de propiedad AAAA-MM-DDThh:mm:ssTZD . Se utiliza para especificar la fecha y hora mínima permitida. 

  • AAAA: Especifica el año.
  • MM: Especifica el mes.
  • DD: Especifica el día del mes.
  • T: Especifica el separador si también se ingresa el tiempo.
  • hh: Especifica la hora.
  • mm: Especifica los minutos.
  • ss: Especifica los segundos.
  • ms: Especifica los milisegundos.

Valor devuelto: Devuelve un valor de string que representa la fecha y hora mínimas para el campo datetimeLocal. 

El siguiente programa ilustra la propiedad min DatetimeLocal en HTML DOM:

Ejemplo: este ejemplo devuelve la fecha y hora mínima permitida para un campo datetimeLocal.  

HTML

<!DOCTYPE html>
<html>
     
<head>
    <title>
        Input Datetimelocal min Property in HTML
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact;">
        Input Datetimelocal min Property
    </h2><br>
     
     
 
 
<p>
        The range of date accepted is between 2019-02-18
        10:30:55 and 2019-02-20 12:30:55.
    </p>
 
 
 
     
    <input type="datetime-local" id="Test_DatetimeLocal"
        min="2019-02-18T10:30:55" max="2019-02-20T12:30:55">
     
     
 
 
<p>
        To return the min range of the datetimeLocal
        field, double click the "Return Min" button.
    </p>
 
 
 
     
    <button ondblclick="My_DatetimeLocal()">
        Return Min
    </button>
     
    <p id="test"></p>
 
 
 
     
    <!-- Script to return Input Datetimelocal
        min property value -->
    <script>
        function My_DatetimeLocal() {
            var d = document.getElementById("Test_DatetimeLocal").min;
            document.getElementById("test").innerHTML = d;
        }
    </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-local”> no muestra ningún campo/calendario de fecha y hora en Firefox.

Navegadores admitidos: los navegadores admitidos por la propiedad Input Datetime Local min se enumeran a continuación: 

  • 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 *