Въведение в датите и часовете в JavaScript

Работата с дати е важен аспект от програмирането. Вграденият обект за дата се използва за работа с дати и часове в JavaScript. Различните методи на обекта за дата правят задачата много по-лесна, докато работите с дати и часове.

В тази статия ще научите всичко, което трябва да знаете за работата с дати в JavaScript. Така че, без повече приказки, нека влезем.

Как да създадете обекти с дата

Можете да създадете обект за дата в JavaScript, като използвате следните четири начина:

1. нова дата()

В нова дата() конструкторът създава обект за дата с текущата дата и час.

нека d = нова дата();
console.log (d);

Изход:

Пн, 3 януари 2022 г., 20:27:58 GMT+0530 (стандартно време в Индия)

2. нова дата (стринг за дати)

В нова дата (стринг за дати) конструкторът създава обект за дата от низ от дата.

нека d = нова дата("2022-01-01");
console.log (d);

Изход:

сб, 01 януари 2022 г., 05:30:00 GMT+0530 (стандартно време в Индия)

3. нова дата (милисекунди)

В нова дата (милисекунди) конструкторът създава обект за дата, като добавя милисекунди към нулевото време. Параметърът представлява времето, изминало в милисекунди от 1 януари 1970 г. UTC.

нека d1 = нова дата (0);
console.log (d1);
нека d2 = нова дата (973436457364);
console.log (d2);

Изход:

Чет 01 януари 1970 г. 05:30:00 GMT+0530 (стандартно време в Индия)
нд, 05 ноември 2000 г., 20:30:57 GMT+0530 (стандартно време в Индия)

4. нова дата (година, месец, ден, часове, минути, секунди, милисекунди)

В нова дата (година, месец, ден, часове, минути, секунди, милисекунди) конструкторът създава обект за дата с определена дата и час. Седемте параметъра определят съответно година, месец, ден, часове, минути, секунди и милисекунди.

нека d = нова дата (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Изход:

Сряда, 11 ноември 2020 г., 15:29:46 GMT+0530 (стандартно време в Индия)

Можете също да създадете обект за дата с шест, четири, три или два параметъра.

а) Шестте параметъра определят година, месец, ден, час, минута и секунда.

b) Петте параметъра определят година, месец, ден, час и минута.

в) Четирите параметъра определят година, месец, ден и час.

г) Трите параметъра определят година, месец и ден.

д) Двата параметъра определят година и месец.

Забележка:

• JavaScript брои месеците от 0 до 11, т.е. януари е представен с 0, а декември е представен с 11.
• Ако посочите стойности извън диапазона в обекта Date, той няма да изведе грешка, а автоматично се коригира.

// Март няма 40 дни, препълването се коригира автоматично
нека d = нова дата (2020, 2, 40);
console.log (d);

Изход:

Чет, 09 април 2020 г., 00:00:00 GMT+0530 (стандартно време в Индия)

Методи за получаване на дата на JavaScript

Можете да използвате следните методи, за да получите информация от обект за дата.

1. getFullYear()

Този метод връща годината като четирицифрено число (гггг) според местното време.

нека d = нова дата();
console.log (d.getFullYear());

Изход:

2022

2. getMonth()

Този метод връща месеца като число (0-11) според местното време.

нека d = нова дата();
console.log (d.getMonth());

Изход:

0

3. getDate()

Този метод връща деня като число (1-31) според местното време.

нека d = нова дата();
console.log (d.getDate());

Изход:

3

Свързани: Въведение в типовете данни в JavaScript

4. getHours()

Този метод връща часа (0-23) според местното време.

нека d = нова дата();
console.log (d.getHours());

Изход:

22

5. getMinutes()

Този метод връща минутата (0-59) според местното време.

нека d = нова дата();
console.log (d.getMinutes());

Изход:

40

6. getSeconds()

Този метод връща втория (0-59) според местното време.

нека d = нова дата();
console.log (d.getSeconds());

Изход:

30

7. getMilliseconds()

Този метод връща милисекундата (0-999) според местното време.

нека d = нова дата();
console.log (d.getMilliseconds());

Изход:

55

Свързани: JavaScript едноредове, които трябва да знаете

8. getTime()

Този метод връща времето в милисекунди от 1 януари 1970 г.

нека d = нова дата();
console.log (d.getTime());

Изход:

1641230088884

9. getDay()

Този метод връща деня от седмицата като число (0-6) според местното време.

нека d = нова дата();
console.log (d.getDay());

Изход:

1

Забележка: Ако искате да работите с UTC датите, можете да използвате следните методи за дата: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), и getUTCSeconds().

Методи за задаване на дата в JavaScript

Можете да използвате следните методи, за да зададете част от обект за дата.

1. setDate()

Този метод задава деня като число (1-31) за определена дата според местното време.

нека d = нова дата();
d.setDate (20);
console.log (d);

Изход:

чт, 20 януари 2022 г., 22:58:59 GMT+0530 (стандартно време в Индия)

Свързани: Математически методи на JavaScript, които трябва да овладеете днес

2. setFullYear()

Този метод задава годината за определена дата според местното време.

нека d = нова дата();
d.setFullYear (2016);
console.log (d);

Изход:

нд, 3 януари 2016 г., 23:00:41 GMT+0530 (стандартно време в Индия)

3. setHours()

Този метод задава часа (0-23) за определена дата според местното време.

нека d = нова дата();
d.setHours (15);
console.log (d);

Изход:

Пн, 3 януари 2022 г., 15:02:01 GMT+0530 (стандартно време в Индия)

Свързани: Как да създадете прост калкулатор с помощта на HTML, CSS и JavaScript

4. setMilliseconds()

Този метод задава милисекунди (0-999) за определена дата според местното време.

нека d = нова дата();
d.setMilliseconds (548);
console.log (d);

Изход:

Пн, 3 януари 2022 г., 23:04:13 GMT+0530 (стандартно време в Индия)

По същия начин можете да използвате setMinutes(), setMonth(), и setSeconds() методи за задаване на минутите (0-59), месеца (0-11) и секундите (0-59) съответно за определена дата според местното време.

Пример за текущо време в JavaScript

Прост пример за отпечатване на текущото време на системата:

Ако искате да разгледате пълния изходен код, използван в тази статия, ето го GitHub хранилище.​​​​​​​

Разработвайте проекти, използвайки концепциите за дата на JavaScript

Ще срещнете много екземпляри на JavaScript дати, докато работите върху приложения от реалния свят. Ако искате да започнете с прост проект и да придобиете практически опит, можете да разработите цифров часовник с помощта на HTML, CSS и JavaScript. Заедно с датите ще научите и някои важни концепции на JavaScript като работа с променливи, използване на функции, достъп и добавяне на свойства към DOM и др.

Как да създадете цифров часовник с помощта на HTML, CSS и JavaScript

Кодирате ли, докато чуруликащите птички не ви информират, че е сутрин? Следете времето с този персонализиран часовник.

Прочетете Следващото

За автора