Método JavaScript Date setHours()

A continuación se muestra el ejemplo del método Date setHours() .

  • Ejemplo:

    <script>
       // Here a date has been assigned
       // while creating Date object
       var dateobj = 
       new Date('October 13, 1996 05:35:32');
      
       // New hour 11 is being set in above Date
       // Object with the help of setHours() method
       dateobj.setHours(11);
      
       // New hour from above Date Object is
       // being extracted using getHours()
       var B = dateobj.getHours();
      
       // Printing new hour
       document.write(B);
    </script>
  • Producción:
    11

El método date.setHours() se usa para establecer horas en un objeto de fecha que se crea usando el constructor Date().

Sintaxis:

DateObj.setHours(hours_Value)

Parámetro: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • hours_Value: este parámetro contiene el valor de la hora que se usa para establecer en el constructor Date().

Valor devuelto: Devuelve la nueva fecha con la hora actualizada que se establece mediante el método setHours().

Nota: DateObj es un objeto Date válido creado con el constructor Date() en el que queremos establecer las horas.

Más códigos para el método anterior son los siguientes:

Programa 1: si en el constructor Date() no damos la hora mientras creamos el objeto Date, el método setHours() aún establecerá la nueva hora que se da como su parámetro.

<script>
   // Here hour has not been assigned
   // while creating Date object
   var dateobj = new Date('October 13, 1996');
  
   // New hour 11 is being set in above Date
   // Object with the help of setHours() method
   dateobj.setHours(11);
  
   // New hour from above Date Object is
   // being extracted using getHours()
   var B = dateobj.getHours();
  
   // Printing new hour
   document.write(B);
</script>

Producción:

11

Ejemplo 2: si no se proporciona ningún parámetro como parámetro en el constructor Date(), el método setHours() aún establece la hora, pero un mes, año y fecha serán un mes, año y fecha actuales. Aquí 11 es la nueva hora, 2 es el mes actual, es decir, marzo, 30 es la fecha actual y 2018 es el año actual.

<script>
   // Here nothing has been assigned
   // while creating Date object
   var dateobj = new Date();
  
   // new hour 11 is being set in above Date
   // Object with the help of setHours() method
   dateobj.setHours(11);
  
   // Hour from above Date Object is
   // being extracted using getHours()
   var B = dateobj.getHours();
  
   // Month from above Date Object is
   // being extracted using getMonth()
   var C = dateobj.getMonth();
  
   // Date from above Date Object is
   // being extracted using getDate()
   var D = dateobj.getDate();
  
   // Year from above Date Object is
   // being extracted using getFullYear()
   var E = dateobj.getFullYear();
  
   // Printing new Hour
   document.write(B + "<br />");
  
   // Printing current month
   document.write(C + "<br />");
  
   // Printing current date
   document.write(D + "<br />");
  
   // Printing current year
   document.write(E);
</script>

Producción:

11
2
30
2018

Ejemplo 3: si el valor de la hora es 26 en el parámetro del método setHours(), establecerá 2 como la hora porque el rango de horas es de 0 a 23 y 26%24=2.

Aquí 2 es la nueva hora, 9 es el mes, es decir, octubre, 14 es la fecha y el año es 1996. Aquí, como vemos, 13 era la fecha original, pero la salida se convierte en 14 porque las 26 horas dadas como parámetro del método se convirtieron en 2. horas del día siguiente, es por eso que la fecha se incrementó en 1, es decir, de 13 a 14.

<script>
   // Here nothing has been assigned
   // while creating Date object
   var dateobj = 
   new Date('October 13, 1996 05:35:32');
  
   // New hour 26 is being set in above Date
   // Object with the help of setHours() method
   dateobj.setHours(26);
  
   // Hour from above Date Object is
   // being extracted using getHours()
   var B = dateobj.getHours();
  
   // Month from above Date Object is
   // being extracted using getMonth()
   var C = dateobj.getMonth();
  
   // Date from above Date Object is
   // being extracted using getDate()
   var D = dateobj.getDate();
  
   // Year from above Date Object is
   // being extracted using getFullYear()
   var E = dateobj.getFullYear();
  
   // Printing new Hour
   document.write(B + "<br />");
  
   // Printing month
   document.write(C + "<br />");
  
   // Printing date
   document.write(D + "<br />");
  
   // Printing year
   document.write(E);
</script>

Producción:

2
9
14
1996

Navegadores compatibles: los navegadores compatibles con el método JavaScript Date setHours() se enumeran a continuación:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Firefox 1 y superior
  • Internet Explorer 3 y superior
  • Ópera 3 y superior
  • Safari 1 y superior

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray 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 *