Отображение даты в JavaScript - httpdoc.ru

Отображение даты в JavaScript

Date Объект используется для получения информации о текущем год, месяц и день. Сначала создается Date объект, а затем доступно множество функций javascript, которые могут работать с этим объектом. Эти функции обеспечивают дает информацию , как year , month , day , hour , minute , second , и millisecond , используя либо местное время или UTC (универсальное, или GMT) время.

Объекты Date создаются с помощью нового Date() конструктора. Есть 4 способа начать свидание:

Синтаксис:

new Date () 
    new Date (миллисекунды) 
    new Date (dateString) 
    new Date (год, месяц, день, часы, минуты, секунды, миллисекунды)

Дата JavaScript

В этом примере сначала создается объект даты, а затем вся информация о текущей дате и времени в этом объекте отображается на экране.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Date Object </title> 
</head> 
<body>
  Current Date and Time: <span id="demo"></span>  
   <script>  
    var today=new Date();  
	document.getElementById('demo').innerHTML=today;  
   </script> 	
</body>
</html>

Выход

JavaScript Date Object Текущая дата и время: пт, 17 сентября 2021 г., 16:00:01 GMT + 0300 (московское стандартное время)

Текущее время JavaScript

Он такой же, как и предыдущий, но здесь единственная цифра даты и времени будет добавлена ​​с нулем перед ними. Это выглядит хорошо.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Current Date Method </title> 
</head> 
<body>
  <h3>Current Time: </h3>
   <span id="date"></span>  
  <script>  
   var today=new Date();  
   var h=today.getHours();  
   var m=today.getMinutes();  
   var s=today.getSeconds();  
   document.getElementById('date').innerHTML=h+":"+m+":"+s;  
</script> 	
</body>
</html>

Выход

JavaScript Current Date Method

Текущее время:

16: 0: 1

Текущая дата и время JavaScript

Объект JavaScript Date может предоставлять даты в различных форматах, используя такие методы, как toDateString() , toLocaleDateString() и т. Д. Посмотрите на пример ниже, чтобы лучше понять его: -

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Live Digital Clock </title> 
</head> 
<body>
 Current Date and Time:<br /> 
  <span id="digital-clock"></span>  

<script>  
 window.onload=function(){getTime();}  
 function getTime(){  
 var today=new Date();  
 var h=today.getHours();  
 var m=today.getMinutes();  
 var s=today.getSeconds();  
  // add a zero in front of numbers<10  
 m=checkTime(m);  
 s=checkTime(s);  
 document.getElementById('digital-clock').innerHTML=today;
 setTimeout(function(){getTime()},1000);  
 }  
  //setInterval("getTime()",1000);//another way  
 function checkTime(i){  
  if (i<10){  
   i="0" + i;  
  }  
  return i;  
  }  
</script>  
</body>
</html>

Выход

JavaScript Live Digital Clock Текущая дата и время:
Fri Sep 17 2021 16:00:36 GMT+0300 (Moscow Standard Time)

Строки даты и времени

Объект JavaScript Date может предоставлять даты в разных форматах, используя такие методы, как toLocaleDateString() и toDateString() т. Д.

Взгляните на приведенный ниже пример, чтобы лучше понять это:

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Generate Date String </title> 
</head> 
<body>
 <script>
  var d = new Date();
  document.write(d.toDateString() + "<br>"); 
  document.write(d.toLocaleDateString() + "<br>"); 
  document.write(d.toISOString() + "<br>"); 
  document.write(d.toUTCString() + "<br>"); 
  document.write(d.toString()); 
</script>
</body>
</html>

Выход

JavaScript Generate Date String Пт 17 сен 2021
17/09/2021
2021-09-17T13: 00: 01.953Z
пт, 17 сен 2021 13:00:01 GMT
пт 17 сен 2021 16:00:01 GMT + 0300 (московское стандартное время)

Время в часах, минутах, секундах и миллисекундах

Объект Дата также обеспечивают некоторые методы извлечения компонентов времени по отдельности , как getHours() , getMinutes() , getSeconds() и т.д.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Date </title> 
</head> 
<body>
 <script>
  var date = new Date();
  // Extracting time part 
  document.write("Hours : " + date.getHours() + "<br>"); 
  document.write("Minutes : " + date.getMinutes() + "<br>");
  document.write("Seconds : " + date.getSeconds() + "<br>"); 
  document.write("Miliseconds : " + date.getMilliseconds() + "<br>"); 
  document.write("Time : " + date.getTime() + "<br>");
  document.write("Time Zone : " + date.getTimezoneOffset()); 
</script>
</body>
</html>

Выход

JavaScript Date Часы: 16
Минут: 0
Секунды: 2
Милисекунды: 3
Время: 1631883602003
Часовой пояс: -180

Примечание. Метод getTime () возвращает количество миллисекунд между полуночью 1 января 1970 г. и указанной датой.