Fecha JavaScript setUTCHours() Método – Part 1

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

• Ejemplo: 
   

<script>
   // Here a date has been assigned according to
   // universal time while creating Date object
   var dateobj =
   new Date('October 13, 1996 05:35:32 GMT-3:00');
 
   // New hour 11 is being set in above Date
   // Object with the help of setUTCHours() method
   dateobj.setUTCHours(11);
 
   // New hour from above Date Object is
   // being extracted using getUTCHours()
   var B = dateobj.getUTCHours();
 
   // Printing new hour
   document.write(B);
</script>

• Producción: 
   

11

El método date.setUTCHours() se usa para establecer las horas en un objeto de fecha de acuerdo con la hora universal que se crea usando el constructor Date().
Sintaxis: 
 

DateObj.setUTCHours(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 el objeto de fecha creado usando el constructor date().

Valores devueltos: Devuelve la nueva hora, es decir, actualizada, que se establece mediante el método setUTCHours().
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 horas mientras creamos el objeto Date, aún así el método setUTCHours() podrá establecer una nueva hora de acuerdo con la hora universal que se da como su parámetro en el objeto Date creado. 
 

<script>
   // Here hour has not been assigned according to
   // universal time while creating Date object
   var dateobj = new Date('October 13, 1996 GMT-3:00');
 
   // New hour 11 is being set in above Date
   // Object with the help of setUTCHours() method
   dateobj.setUTCHours(11);
 
  // New hour from above Date Object is
  // being extracted using getUTCHours()
  var B = dateobj.getUTCHours();
 
  // Printing new hour
  document.write(B);
</script>

Producción: 
 

11

Programa 2: si no se proporciona ningún parámetro en el constructor Date(), el método setUTCHours() aún podrá establecer la hora, pero el mes, el año y la fecha seguirán siendo los actuales de acuerdo con la hora universal. 
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 setUTCHours() method
   dateobj.setUTCHours(11);
 
   // Hour from above Date Object is
   // being extracted using getUTCHours()
   var B = dateobj.getUTCHours();
 
   // Month from above Date Object is
   // being extracted using getUTCMonth()
   var C = dateobj.getUTCMonth();
 
   // date from above Date Object is
   // being extracted using getUTCDate()
   var D = dateobj.getUTCDate();
 
  // Year from above Date Object is
  // being extracted using getUTCFullYear()
  var E = dateobj.getUTCFullYear();
 
  // 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

Programa 3: si el valor de la hora es 26 como parámetro del método setHours(), establecerá 2 como la hora porque el rango de horas es de 0 a 23 y, por lo tanto  , aquí se resta 24 porque 0 a 23 es 24. 
 

<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 setUTCHours() method
   dateobj.setUTCHours(26);
 
   // Hour from above Date Object is
   // being extracted using getUTCHours()
   var B = dateobj.getUTCHours();
 
   // Month from above Date Object is
   // being extracted using getUTCMonth()
   var C = dateobj.getUTCMonth();
 
   // Date from above Date Object is
   // being extracted using getUTCDate()
   var D = dateobj.getUTCDate();
 
   // Year from above Date Object is
   // being extracted using getUTCFullYear()
   var E = dateobj.getUTCFullYear();
 
   // 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 setUTCHours() se enumeran a continuación: 
 

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