Jquery поточний час. TempusJS - працюємо з датою в javascript

Для роботи з датою та часом у JavaScript існує спеціальний об'єкт – Date. Цей об'єкт підтримується практично всіма версіями JavaScript, а зачитає ним можна користуватися, не оглядаючись на проблеми сумісності.

Дата і час у об'єкті Date зберігаються над явному вигляді, а як і більшості мов програмування - як кількості мілісекунд, минулих від народження Unix, тобто. з 0 годин 0 хвилин 1 січня 1970 року. Відмінна риса об'єкта Date - всі діапазонні значення мають індекси, що починаються з нуля. Це означає, що січень матиме індекс 0 (місяць №0), а грудень буде не дванадцятим, а одинадцятим місяцем. Те саме справедливо і для днів тижня, годин, хвилин тощо.

Створити об'єкт Date дуже просто:

// поточна дата-час var date = New Date (); // дата-час із рядка чи числа var date = new Date(дата); // дата-час із окремих значень var date = new Date (рік, місяць, день, година, хвилина, секунда, мілісекунду);

Об'єкт Date має низку дуже корисних методів, що дозволяють працювати з окремими компонентами дати-часу, а також проводити перевірку коресивності та правильне виведення дати в заданому форматі.

Так само об'єкт Date містить низку методів для роботи з UTC-датами. Ці функції повністю аналогічні вже розглянутим, але містять в імені префікс "UTC" і працюють тільки з "універсальним" часом: getUTCSeconds, setUTCFullYear і т.д.

Розглянемо приклад роботи з датами:

var tmp = New Date(now.getTime()); var arrNames = new Array("Сьогодні", "Завтра", "Через 1 рік 6 місяців 15 днів"); var arrNormal = новий Array(); var arrLocal = новий Array(); var arrUTC = новий Array(); // зараз arrLocal = tmp.toLocaleString(); arrNormal = tmp.toString(); arrUTC = tmp.toUTCString(); // завтра tmp.setDate(tmp.getDate() + 1); arrLocal = tmp.toLocaleString(); arrNormal = tmp.toString(); arrUTC = tmp.toUTCString(); // 1 рік 6 місяців 15 днів tmp.setFullYear(tmp.getFullYear() + 1); tmp.setMonth(tmp.getMonth() + 6); tmp.setDate(tmp.getDate() + 15); arrLocal = tmp.toLocaleString(); arrNormal = tmp.toString(); arrUTC = tmp.toUTCString(); // Виводимо результати в таблицю document.write("

А ось результат роботи цього скрипту:

Як бачите, подання дати істотно відрізняється залежно від формату, що використовується. Тому при роботі з датою-часом треба дотримуватись кількох простих правил:

1. По можливості користуватися UTC чи GMT-форматами. Особливо це важливо під час створення розподілених рішень (наприклад, клієнтів платіжних систем). Використання загального опорного часу дасть вам гарантії (нехай і не стовідсоткові), що і ви і ваш віддалений партнер однаково інтерпретуватимете отримані дані.

2. Локалізовані дату та час має сенс використовувати лише при виведенні їх користувачеві. В інших випадках від локалізованих даних краще відмовитися.

3. Якщо все ж таки доводиться використовувати локальні дату і час - не забувайте враховувати зсув локального часу щодо опорного (UTC або GMT).

Дотримання цих правил позбавить вас більшості логічних багів і недоліків, отже зробить ваш код більш стабільним і якісним.

Цей рядок встановлює концепції, об'єкти і функції, що використовуються в роботі з і регулярними розрахунками, використовуючи номери і дані в JavaScript. Це включає використання номерів, що містяться в різних основах, включаючи десятковий, binary, і hexadecimal;

Unlike багато інших об'єктів, ви не створите Math object of your own. Ви можете використати Build-in Math object.

JavaScript не має часу, що використовується для даного типу. Хоча, ви можете використати Date об'єкта і його методи для роботи з часом і термінами в ваших програмах. Date об'єкт має велику кількість методів для надання, отримання і manipulation datas. It does not have any properties.

JavaScript handles datas similarly to Java. Два дві мови мають багато подібних методів часу, і тільки літератури заробітної плати є в номері мільйонів sinc January 1, 1970, 00:00:00, з Unix Timestamp be number of seconds since Jan001 00:00.

Date object range is -100,000,000 days to 100,000,000 days relative to 01 January, 1970 UTC.

To create a Date object:

Var dateObjectName = New Date();

where dateObjectName is the name of the Date object being created; it can be a new object or property of an existing object.

Calling Date without new keyword returns a string representing the current date and time.

Parameters in preceding syntax can be any of the following:

• Nothing: creates today"s date and time. Для прикладу, today = new Date(); .
• string representing a date в наступному вигляді: "Month day, year hours:minutes:seconds." Для прикладу, var Xmas95 = New Date("December 25, 1995 13:30:00") . Якщо ви лишите години, хвилини, або дві секунди, значення буде бути на 0.
• Набір значних цін на рік, місяць і день. Для прикладу, var Xmas95 = New Date(1995, 11, 25) .
• Набір значних цін на рік, місяць, день, годину, хвилину, і секунди. Для прикладу, var Xmas95 = New Date(1995, 11, 25, 9, 30, 0); .

Date object methods for handling datas and times fall into the broad categories:

• "set" методів, для встановлення часу і часу значення в Date objects.
• "get" methods, for getting date and time values ​​from Date objects.
• "to" методи, для відновлення string values ​​від Date objects.
• parse і UTC методів, для parsing Date strings.

З "get" і "set" методи ви можете отримати і set seconds, хвилини, години, день місяця, дні віку, місяці, і роки окремо. Там є вихідний спосіб, що відновить день з віком, але немає відповідного часуДень метод, тому що день з віком є ​​автоматичним set. Ці методи use integers represent these values ​​as follows:

• Seconds and minutes: 0 до 59
• Hours: 0 to 23
• Day: 0 (Sunday) to 6 (Saturday)
• Дата: 1 to 31 (day of the month)
• Months: 0 (January) to 11 (December)
• Year: years since 1900

Для прикладу, згодом ви визначите наступний час:

Var Xmas95 = New Date("December 25, 1995");

Then Xmas95.getMonth() returns 11, і Xmas95.getFullYear() returns 1995.

getTime і setTime методи є useful для comparing dates. getTime method returns number of milliseconds since January 1, 1970, 00:00:00 for Date object.

Для прикладу, наступний код displays number of days left in the current year:

Var today = New Date(); var endYear = New Date (1995, 11, 31, 23, 59, 59, 999); // Set day and month endYear.setFullYear(today.getFullYear()); // Set year to this year var msPerDay = 24 * 60 * 60 * 1000; // Number of milliseconds per day var daysLeft = (endYear.getTime() - today.getTime()) / msPerDay; var daysLeft = Math.round(daysLeft); //Returns days left in the year

Цей випадок створюється в об'єкті часу наміченого часу, що міститься в поточному році. Це буде створено в об'єкті наближеного кінця року і вказує на цей поточний рік. and endYear , using getTime and rounding to a whole number of days.

Парний метод є useful for assigning values ​​from data strings to existing Date objects. Для прикладу, наступні коди використовує parse and setTime для того, щоб визначити значення часу до IPOdate object:

Var IPOdate = New Date(); IPOdate.setTime(Date.parse("Aug 9, 1995"));

У наступному прикладі, функція JSClock() відобразить час у форматі цифрового часу.

Function JSClock() ( var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var temp = "" + ((hour > 12) ?hour - 12: hour), if (hour == 0) temp = "12"; temp += ((minute< 10) ? ":0" : ":") + minute; temp += ((second < 10) ? ":0" : ":") + second; temp += (hour >= 12)? "PM." : "A.M."; return temp; )

JSClock функція перша creates a new Date object called time ; since no arguments є given, time is created with the current date and time. Вони ведуть до getHours , getMinutes , і getSeconds методи оцінюють значення поточної години, хвилини, і другої години , хвилини , і секунди .

Next four statements build a string value based on the time. Перші положення створюють variable temp , assigning it a value using a conditional expression; Якщо годинник є більшим, ніж 12, (12 - 12 днів), іншівиключно, 10.

Next statement appends a minute value to temp . Якщо величина хвилини є меншою за 10, conditional expression adds a string with preceding zero; іншівикористовуються його адресою string with demarcating colon. Вони становлять прогнози в секундах значення до temp в той же час.

Finally, a conditional expression appends "PM." до temp if hour is 12 or greater; іншіwise, it appends "A.M." до temp.

Отримати поточну дату JavaScript дуже просто. Для цього призначений об'єкт Date. Його синтаксис простий, а імена методів інтуїтивно зрозумілі. У наведених нижче прикладах я покажу, як працювати з об'єктом Date (JavaScript New Date), щоб отримати поточні рік, місяць, день і час з точністю до мілісекунди!

Отримання поточної дати:

Щоб отримати поточну дату JavaScript, використовуйте ключове слово new для створення нового екземпляра об'єкта Date .

var date = New Date(); console.log(date);

Цей код виводить на консоль таку інформацію:

//Tue Feb 02 2016 15:46:56 GMT-0500 (Eastern Standard Time)

Тут відображається поточний день тижня, поточний місяць, день місяця, рік і навіть поточний час у 24-годинному форматі. Фрагмент "GMT" означає час за Грінвічем, а "-0500" - це різниця в часових поясах між місцевим часом та GMT.

Цитата з Вікіпедії: «Середній час за Грінвічем (GMT) - це середній сонячний час у Королівській обсерваторії в Грінвічі, Лондон.» Це пов'язано з універсальним координованим часом (UTC). "Eastern Standard Time" у виведеному значенні дати відноситься до тимчасової зони вашого браузера або комп'ютера.

* Зверніть увагу, що GMT та UTC різняться між собою. Ми будемо розглядати значення UTC у хвилинах.

* Також зверніть увагу, що дата JavaScript визначається часом у мілісекундах, яке пройшло з півночі 01 січня 1970 року, UTC. В одному дні 86,400,000 мілісекунд. Діапазон об'єкта Date становить від -100,000,000 днів до 100,000,000 днів щодо 01 січня 1970, UTC.

* Значення, отримані з використанням вищезазначеного методу, залежать від налаштувань системи вашого пристрою. Якщо ви зміните налаштування годинника комп'ютера, зміниться і час, який повертатиме цей метод.

Гаразд, ми розібралися з new Date JavaScript форматами і тепер готові рухатися далі!

Отримання дня тижня:

Щоб отримати день тижня, використовуйте метод JavaScript об'єкта Date getDay() :

var day = date.getDay(); console.log(day);

* Зверніть увагу, що дні тижня пронумеровані від 0 до 6, неділя = 0, понеділок = 1, вівторок = 2 тощо.

Отримання місяця:

Щоб отримати поточний місяць цього року, використовуйте метод getMonth() . До того я говорив, що назви методів інтуїтивно зрозумілі!

var month = date.getMonth(); console.log(month); //1

* Зверніть увагу, що, як і дні тижня, місяці повертаються у числовому форматі від 0 до 11; січень = 0, лютий = 1, березень = 2 тощо.

Отримання дня місяця:

Щоб отримати день місяця, можна використати метод GetDate().

var dayOfMonth = date.getDate(); console.log(dayOfMonth); //2

* Метод GetDate() повертає дні місяця, пронумеровані від 1 до 31; номер 1 відповідає першому дню місяця.

Отримання часу:

Для отримання поточного часу використовується метод GetTime () .

var time = date.getTime(); console.log(time); //1454461242058

Виглядає... дивно... Що це таке? Ви бачите кількість мілісекунд, що пройшли з 1 січня 1970 року 00:00:00 UTC. То скільки це років?

1454461242058 мс / 31540000000 мс на рік = близько 46 років
1970 + 46 років = 2016 рік

Давайте перевіримо, щоб переконатися:

var year = date.getFullYear(); console.log(year) //2016

Так це воно! Ми тільки що вивели за допомогою JavaScript new date поточну дату та час.

Приклади коду

Переклад статті "Working with the Date Object in JavaScript" був підготовлений дружньою командою проекту.

Цей рядок встановлює концепції, об'єкти і функції, що використовуються в роботі з і регулярними розрахунками, використовуючи номери і дані в JavaScript. Це включає використання номерів, що містяться в різних основах, включаючи десятковий, binary, і hexadecimal;

Unlike багато інших об'єктів, ви не створите Math object of your own. Ви можете використати Build-in Math object.

JavaScript не має часу, що використовується для даного типу. Хоча, ви можете використати Date об'єкта і його методи для роботи з часом і термінами в ваших програмах. Date об'єкт має велику кількість методів для надання, отримання і manipulation datas. It does not have any properties.

JavaScript handles datas similarly to Java. Два дві мови мають багато подібних методів часу, і тільки літератури заробітної плати є в номері мільйонів sinc January 1, 1970, 00:00:00, з Unix Timestamp be number of seconds since Jan001 00:00.

Date object range is -100,000,000 days to 100,000,000 days relative to 01 January, 1970 UTC.

To create a Date object:

Var dateObjectName = New Date();

where dateObjectName is the name of the Date object being created; it can be a new object or property of an existing object.

Calling Date without new keyword returns a string representing the current date and time.

Parameters in preceding syntax can be any of the following:

• Nothing: creates today"s date and time. Для прикладу, today = new Date(); .
• string representing a date в наступному вигляді: "Month day, year hours:minutes:seconds." Для прикладу, var Xmas95 = New Date("December 25, 1995 13:30:00") . Якщо ви лишите години, хвилини, або дві секунди, значення буде бути на 0.
• Набір значних цін на рік, місяць і день. Для прикладу, var Xmas95 = New Date(1995, 11, 25) .
• Набір значних цін на рік, місяць, день, годину, хвилину, і секунди. Для прикладу, var Xmas95 = New Date(1995, 11, 25, 9, 30, 0); .

Date object methods for handling datas and times fall into the broad categories:

• "set" методів, для встановлення часу і часу значення в Date objects.
• "get" methods, for getting date and time values ​​from Date objects.
• "to" методи, для відновлення string values ​​від Date objects.
• parse і UTC методів, для parsing Date strings.

З "get" і "set" методи ви можете отримати і set seconds, хвилини, години, день місяця, дні віку, місяці, і роки окремо. Там є вихідний спосіб, що відновить день з віком, але немає відповідного часуДень метод, тому що день з віком є ​​автоматичним set. Ці методи use integers represent these values ​​as follows:

• Seconds and minutes: 0 до 59
• Hours: 0 to 23
• Day: 0 (Sunday) to 6 (Saturday)
• Дата: 1 to 31 (day of the month)
• Months: 0 (January) to 11 (December)
• Year: years since 1900

Для прикладу, згодом ви визначите наступний час:

Var Xmas95 = New Date("December 25, 1995");

Then Xmas95.getMonth() returns 11, і Xmas95.getFullYear() returns 1995.

getTime і setTime методи є useful для comparing dates. getTime method returns number of milliseconds since January 1, 1970, 00:00:00 for Date object.

Для прикладу, наступний код displays number of days left in the current year:

Var today = New Date(); var endYear = New Date (1995, 11, 31, 23, 59, 59, 999); // Set day and month endYear.setFullYear(today.getFullYear()); // Set year to this year var msPerDay = 24 * 60 * 60 * 1000; // Number of milliseconds per day var daysLeft = (endYear.getTime() - today.getTime()) / msPerDay; var daysLeft = Math.round(daysLeft); //Returns days left in the year

Цей випадок створюється в об'єкті часу наміченого часу, що міститься в поточному році. Це буде створено в об'єкті наближеного кінця року і вказує на цей поточний рік. and endYear , using getTime and rounding to a whole number of days.

Парний метод є useful for assigning values ​​from data strings to existing Date objects. Для прикладу, наступні коди використовує parse and setTime для того, щоб визначити значення часу до IPOdate object:

Var IPOdate = New Date(); IPOdate.setTime(Date.parse("Aug 9, 1995"));

У наступному прикладі, функція JSClock() відобразить час у форматі цифрового часу.

Function JSClock() ( var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var temp = "" + ((hour > 12) ?hour - 12: hour), if (hour == 0) temp = "12"; temp += ((minute< 10) ? ":0" : ":") + minute; temp += ((second < 10) ? ":0" : ":") + second; temp += (hour >= 12)? "PM." : "A.M."; return temp; )

JSClock функція перша creates a new Date object called time ; since no arguments є given, time is created with the current date and time. Вони ведуть до getHours , getMinutes , і getSeconds методи оцінюють значення поточної години, хвилини, і другої години , хвилини , і секунди .

Next four statements build a string value based on the time. Перші положення створюють variable temp , assigning it a value using a conditional expression; Якщо годинник є більшим, ніж 12, (12 - 12 днів), іншівиключно, 10.

Next statement appends a minute value to temp . Якщо величина хвилини є меншою за 10, conditional expression adds a string with preceding zero; іншівикористовуються його адресою string with demarcating colon. Вони становлять прогнози в секундах значення до temp в той же час.

Finally, a conditional expression appends "PM." до temp if hour is 12 or greater; іншіwise, it appends "A.M." до temp.

• JavaScript

Рідкісному програмісту трапляється уникнути роботи з датою та часом. Взагалі, дата/час - базове поняття й у більшості мов є вбудовані механізми роботи з цим типом даних. Здавалося б, JS не є винятком, є вбудований тип Date, є купа функцій у прототипі, проте…

New Date(); new Date(value); New Date(dateString); new Date(year, month[, day[, hour[, minute[, second[, millisecond]]]]]]);
Єдиний варіант, де можна вказати зміщення щодо UTC – третій спосіб. Виклик конструктора у цьому форматі дозволяє передати зміщення як частину рядка:

New Date("Sun Feb 01 1998 00:00:00 GMT+0700")
Рядок приймається у форматі RFC2822, вельми незручному та важкому до ручного введення. Отримати такий рядок з введення користувача практично неможливо. Я не можу собі уявити людину, яка б погодилася вводити дату в такому форматі.

Незважаючи на те, що в Date можна встановити всі параметри окремо для таймзони UTC – проблеми це не вирішує – таймзона залишиться локальною. Але це єдина проблема.

Зміщення щодо UTC – не константа. Це функція від дати, часу (ну або від таймштампу, якщо завгодно) і, знову ж таки, тайм-зони. Наприклад, для Москви останній переказ часу дає:

New Date(2014, 9, 25, 0, 0, 0); // 26.10.2014, 21:00:00 GMT+3 new Date(2014, 9, 27, 0, 0, 0); // 25.10.2014, 22:00:00 GMT+4
Таким чином, конструктор у третьому варіанті стає практично марним, оскільки зсув потрібно знати заздалегідь. А воно, як було сказано, так просто отримано бути не може. Єдина бібліотека, яка попалася мені, яка використовує базу даних Олсона для обчислення зрушень - timezone-JS . Проблема використання цієї бібліотеки в тому, що нижчі бібліотеки (date/time picker-и) про неї нічого не знають і всередині активно використовують стандартний Date. Інші бібліотеки, що працюють з об'єктом Date, явно на цю базу не посилаються та оновлення з неї не отримують. (Поправте мене у коментарях.)

У бізнес застосуванні тайм-зони мають сенс лише якщо задані дата та час. Наприклад, якщо робочий день починається о 9:00, то навряд чи ви очікуєте, що ваш колега з Владивостока почне працювати о 15:00. Таймзони не повинні враховуватися і в такому випадку відображати дату потрібно в UTC. Однак, у випадку з регулярними подіями, що відбуваються одночасно в різних часових поясах, таймзона все ж таки потрібна. Наприклад, ваш щоденний скрам починається о 10:00 для вас і о 13:00 для Новосибірська. До речі, в цьому якраз і є різниця між GMT і UTC. UTC – це час без усунення, а GMT – це час зі зміщенням 0. Поясню на прикладі:

31.12.2014, 20:59:59 GMT в Московському часовому поясі має виглядати як 31.12.2014, 23:59:59 31.12.2014, 20:59:59 UTC в Московському часовому поясі має виглядати як 31.12.2. :59
Через цю арифметику їх здебільшого плутають. На жаль, наплутано з цим параметром. Відсутність прямої вказівки таймзони JS трактується як локальна таймзона, а вказівка ​​UTC і GMT рівнозначно.

У ситуації міг би допомогти Intl. Міг би, але не зобов'язаний. Зокрема, там є такий параметр timeZone, але трохи далі стандартом визначено: The time zone to use. The only value implementations must recognize є «UTC». В даний час, крім Chrome, не один браузер довільні таймзони не підтримує.
З діапазонами часу у JS все зовсім погано – нічого подібного в мові немає. Хочеш зробити добре – роби сам.

• Варіант 1. Не використовувати довільну таймзону. Варіант кращий і, напевно, найболючіший. Тобто, у вас є лише локальна таймзона та UTC. Для цих випадків у всіх браузерах начебто все є, нехай і не дуже зручно. До того ж, таймзона виставляється глобально для ОС і змінювати її для конкретного веб-додатку некошерно.
• Варіант 2. Якщо довільні таймзони необхідні – не використовувати таймштамп. Зовсім. Зберігайте час у ощадній касі в рядку RFC із зазначенням таймзони. Не впевнений, що це допоможе перемогти зрушення таймзони в кроссбраузерном розумінні, але, як мінімум, Chrome про такі зрушення в курсі.
• Варіант 3.Ситуації бувають різні і трапляється так, що в базу час записується з будь-якого пристрою. Тобто у вигляді таймштампу. Тут бігти нікуди, щоб коректно відобразити час потрібно знати або таймзону пристрою, або таймзону користувача, або й того й іншого і обраховувати всі врукопашну зрушення. Без використання бази Олсона тут не обійтись.

Тут має бути мораль цієї байки, але додати мені поки що більше нічого. У чернетках стандарту ECMA я ніяких зрушень не спостерігаю, напевно, їх і не буде.