Савладавање форматирања датума у ЈаваСцрипт-у
Форматирање датума у ЈаваСцрипт-у је уобичајени захтев за програмере. Било да правите кориснички интерфејс или радите са позадинским подацима, представљање датума у формату читљивом за људе је од суштинског значаја. ЈаваСцрипт пружа више начина за форматирање датума, што га чини разноврсним избором за различите апликације.
У овом водичу ћемо истражити како да форматирамо ЈаваСцрипт објекат датума као стринг, посебно у формату: 10-Ауг-2010. До краја овог водича, бићете опремљени знањем за ефикасно руковање форматирањем датума у вашим ЈаваСцрипт пројектима.
Цомманд | Опис |
---|---|
toLocaleDateString | Форматира датум у складу са конвенцијама специфичним за локализацију и враћа га као стринг. |
replace | Враћа нови стринг са неким или свим подударањима шаблона замењеним заменом. |
require | Увози модуле у Ноде.јс, као што је 'екпресс' за креирање сервера. |
express | Креира инстанцу Екпресс апликације која се користи за прављење веб сервера. |
app.get | Дефинише руковалац руте за ГЕТ захтеве до одређене путање. |
app.listen | Покреће сервер на одређеном порту и ослушкује везе. |
Разумевање скрипти за форматирање датума у ЈаваСцрипт-у
Достављене скрипте показују како форматирати ЈаваСцрипт Date објекат у стринг у жељеном формату "10-Ауг-2010". Фронтенд скрипта користи toLocaleDateString метод, који форматира датум у складу са конвенцијама специфичним за локализацију и враћа га као стринг. Овај метод је веома свестран, омогућавајући програмерима да одреде различите опције форматирања. У овом случају користимо опције { даи: '2-дигит', монтх: 'схорт', иеар: 'нумериц' } да добијемо дан, скраћени месец и четвороцифрену годину. Тхе replace метода се затим користи за замену размака цртицама, чиме се постиже коначни жељени формат. Наведени пример показује како се креира а Date објекат за 10. август 2010. и правилно га форматирајте користећи функцију.
Позадинска скрипта користи Node.js анд тхе Express оквир за креирање једноставног сервера који форматира датум и шаље га као одговор. Тхе require команда се користи за увоз потребних модула. Тхе express функција иницијализује Екпресс апликацију, и app.get дефинише руковалац руте за ГЕТ захтеве. У оквиру овог руковаоца, formatDate функција се позива да форматира датум, а форматирани датум се шаље као одговор помоћу res.send. коначно, app.listen покреће сервер на одређеном порту и ослушкује долазне везе. Ова скрипта показује како се форматирање датума може интегрисати у апликацију на страни сервера, омогућавајући да се форматирани датуми сервирају динамички.
Форматирање објекта датума у стринг у ЈаваСцрипт-у
ЈаваСцрипт фронтенд скрипта
// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
const options = { day: '2-digit', month: 'short', year: 'numeric' };
return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}
// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010
Форматирање датума на страни сервера у Ноде.јс
Ноде.јс позадинска скрипта
const express = require('express');
const app = express();
const port = 3000;
// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
const options = { day: '2-digit', month: 'short', year: 'numeric' };
return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}
app.get('/formatted-date', (req, res) => {
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
res.send(`Formatted Date: ${formattedDate}`);
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});
Напредне технике форматирања датума у ЈаваСцрипт-у
Поред коришћења toLocaleDateString и основну замену стрингова, ЈаваСцрипт нуди разне друге методе за форматирање датума, пружајући већу флексибилност за програмере. Један такав метод је Intl.DateTimeFormat, моћан алат представљен са АПИ-јем за интернационализацију ЕЦМАСцрипт, који омогућава фину контролу над форматом датума и времена. Тхе Intl.DateTimeFormat објекат омогућава програмерима да одреде опције локализације и форматирања, дајући конзистентне резултате у различитим окружењима. Овај метод је посебно користан када радите са више локалитета или прилагођеним форматима датума и времена који нису директно подржани toLocaleDateString.
Други приступ који треба размотрити је коришћење библиотека попут moment.js или date-fns. Ове библиотеке пружају свеобухватнији скуп алата за манипулисање и форматирање датума, поједностављујући сложене операције датума. На пример, moment.js омогућава вам да форматирате датуме користећи једноставну и интуитивну синтаксу, нпр moment(date).format('DD-MMM-YYYY'), који директно производи жељени формат. Док су изворне методе погодне за основне потребе, ове библиотеке су од непроцењиве вредности за апликације које захтевају опсежну манипулацију датумима и могућности форматирања.
Уобичајена питања о ЈаваСцрипт форматирању датума
- Како да форматирам датум на другом локалитету?
- Користити toLocaleDateString метод са одређеним локализацијом, нпр date.toLocaleDateString('fr-FR').
- Могу ли да форматирам само временски део објекта Дате?
- Да, користите toLocaleTimeString да форматирате временски део.
- Која је корист од коришћења Intl.DateTimeFormat?
- Нуди већу контролу над форматирањем датума и времена на различитим локацијама.
- Како могу да добијем име месеца из објекта Дате?
- Користи toLocaleString са опцијама, као date.toLocaleString('en-US', { month: 'long' }).
- Ис moment.js и даље добар избор за форматирање датума?
- Док moment.js је застарео, и даље се широко користи. Размотрите алтернативе попут date-fns.
- Како да додам дане објекту Датум?
- Користи date.setDate(date.getDate() + numberOfDays).
- Могу ли форматирати датум као ИСО стринг?
- Да, користите date.toISOString() за ИСО формат.
- Који је подразумевани формат датума у ЈаваСцрипт-у?
- Подразумевано, toString враћа датум у формату 'Wed Jun 25 2024 12:00:00 GMT+0000 (Coordinated Universal Time)'.
- Како да упоредим два датума у ЈаваСцрипт-у?
- Користите операторе поређења, нпр date1.getTime() === date2.getTime().
Завршавање форматирања датума у ЈаваСцрипт-у
Правилно форматирање датума у ЈаваСцрипт-у побољшава корисничко искуство и обезбеђује доследност у представљању података. Овај чланак је пружио и фронтенд и бацкенд решења, демонстрирајући употребу toLocaleDateString, replace, и Intl.DateTimeFormat. Користећи ове методе и алате, програмери могу постићи жељени формат датума без напора. Користећи библиотеке попут moment.js и date-fns додатно поједностављује сложене манипулације датумима, чинећи ЈаваСцрипт робусним избором за руковање задацима форматирања датума.