JavaScript | Obtenga el inicio y el final del día en UTC

Dada una fecha, la tarea es determinar el inicio y el final del día usando javascript. Vamos a discutir algunas técnicas.
Primeros métodos para saber.

Método JavaScript setHours() :
este método establece la hora de un objeto de fecha.
Este método se puede utilizar para configurar los minutos, segundos y milisegundos.
Sintaxis:
```
Date.setHours(hour, min, sec, millisec)
```
Parámetros:
- hora: Este parámetro es obligatorio. Especifica el número entero que denota las horas. Los valores aceptados son 0-23, pero también se permiten otros valores.
  - -1 significa la última hora del día anterior y 24 significa la primera hora del día siguiente.
- min: Este parámetro es opcional. Especifica el número entero que representa los minutos. Los valores aceptados son 0-59, pero también se permiten otros valores.
  - 60 significa el primer minuto de la próxima hora y -1 significa el último minuto de la hora anterior.
- seg: este parámetro es opcional. Especifica el número entero que representa los segundos. Los valores aceptados son 0-59, pero también se permiten otros valores.
  - 60 significa el primer segundo del próximo minuto y -1 significa el último segundo del minuto anterior.
- milisegundos: este parámetro es opcional. Especifica el número entero que representa los milisegundos. Los valores aceptados son 0-999, pero también se permiten otros valores.
  - -1 significa el último milisegundo del segundo anterior y 1000 significa el primer milisegundo del siguiente segundo.
Valor de retorno:
Devuelve un número, que representa el número de milisegundos entre el objeto de fecha y la medianoche del 1 de enero de 1970.
Método JavaScript toUTCString() :
este método convierte un objeto de fecha en una string, según la hora universal.
Sintaxis:
```
Date.toUTCString()
```
Valor de retorno:
Devuelve una string, que representa la fecha y hora UTC como una string.

Ejemplo 1: Este ejemplo obtiene el primer milisegundo del día y el último milisegundo del día usando el método setHours() y convirtiéndolo a formato UTC usando el método stoUTCString() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Get start and end of day in UTC.
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 15px; 
              font-weight: bold;">
    </p>
    <button onclick="GFG_Fun(); ">
        click here
    </button>
    <p id="GFG_DOWN"
       style="color: green;
              font-size: 24px;
              font-weight: bold;">
    </p>
    <script>
        var up = document.getElementById('GFG_UP');
        up.innerHTML =
          'Click on the button to get the'+
          ' start and end of the day in UTC';
        
        var down = document.getElementById('GFG_DOWN');
        var startOfDay = new Date();
        startOfDay.setHours(0, 0, 0, 0);
        var endofDay = new Date();
        endofDay.setHours(23, 59, 59, 999);
  
        function GFG_Fun() {
            down.innerHTML = startOfDay.toUTCString() + 
              '<br>' + endofDay.toUTCString();
        }
    </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 obtiene el primer milisegundo del día y el último milisegundo del día pero con un enfoque diferente al anterior usando el método setHours() y convirtiéndolo al formato UTC usando el método stoUTCString() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Get start and end of day in UTC.
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 15px; 
              font-weight: bold;">
    </p>
    <button onclick="GFG_Fun(); ">
        click here
    </button>
    <p id="GFG_DOWN" 
       style="color: green; 
              font-size: 24px; 
              font-weight: bold;">
    </p>
    <script>
        var up = document.getElementById('GFG_UP');
        up.innerHTML = 
          'Click on the button to get the start '+
          'and end of the day in UTC';
        
        var down = document.getElementById('GFG_DOWN');
        var startOfDay = new Date();
        startOfDay.setHours(0, 0, 0, 0);
        var endofDay = new Date();
        endofDay.setHours(24, 0, 0, -1);
  
        function GFG_Fun() {
            down.innerHTML = startOfDay.toUTCString() +
              '<br>' + endofDay.toUTCString();
        }
    </script>
</body>
  
</html>

Producción:

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

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta