Javascript: форматирование даты

Question

Javascript: форматирование даты

1

Я хочу текущую дату/время, отформатированные в этом формате:

year+ '-' + месяц + '-' + день + '' + час + ':' + минута + ':' + second + ':' +milli;

В настоящее время я делаю это как таковой. Есть ли более элегантный подход без использования внешних библиотек, таких как moment.js?

var now     = new Date(); 
var year    = now.getFullYear();
var month   = now.getMonth()+1; 
var day     = now.getDate();
var hour    = now.getHours();
var minute  = now.getMinutes();
var second  = now.getSeconds(); 
var milli   = now.getMilliseconds();

if(month.toString().length == 1) {
var month = '0'+month;
}
if(day.toString().length == 1) {
var day = '0'+day;
}   
if(hour.toString().length == 1) {
var hour = '0'+hour;
}
if(minute.toString().length == 1) {
var minute = '0'+minute;
}
if(second.toString().length == 1) {
var second = '0'+second;
}   
if(milli.toString().length == 1) {
var milli = '0'+milli;
}   
var m_session_startTime =  year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second+':'+milli;

etayluz 24 июль 2018, в 22:27

Источник

4

Можете ли вы использовать внешнюю библиотеку, такую как moment.js?
basic 24 июль 2018, в 20:08
2

month = ('0'+month).substr(-2); и т.п.
Teemu 24 июль 2018, в 20:08
2

Ну, вы можете использовать литералы шаблона вместо конкатенации, а также padStart() .
zero298 24 июль 2018, в 20:09
0

Вы не должны использовать var при переназначении значения переменных.
epascarello 24 июль 2018, в 20:13
0

Также можно проверить, что toLocaleString имеет много опций и встроен в большинство браузеров.
SuperPrograman 24 июль 2018, в 20:13
0

Если вы получаете один и тот же шаблон снова и снова, может быть полезно превратить его в функцию
Jonas Wilms 24 июль 2018, в 20:13
0

смотреть в padStart()
epascarello 24 июль 2018, в 20:13
0

Я серьезно не могу быть единственным человеком, который думает, что js - это замечательно, но люди должны перестать просто рекомендовать библиотеку, а не объяснять решение.
zfrisch 24 июль 2018, в 20:15
0

@zfrisch Как рекомендовать библиотеку, которая делает именно то, что вы хотите, не объясняя решение?
basic 24 июль 2018, в 20:17
0

@basic Basic Упоминание, что это хорошо, но я вижу слишком много ответов, которые говорят: «О, просто используйте момент!» даже не определяя решение с библиотекой. Да, это отличный инструмент, но, говоря всем просто полагаться на него, вы абстрагируетесь. Если у кого-то есть проблемы с Vanilla JS, мы не просто говорим: «О, используйте JQuery!» потому что это смешно Это просто мое мнение, но если я, например, спрашиваю, как построить сервер в узле, я не хочу, чтобы кто-то сказал «захватить экспресс», я хочу, чтобы кто-то объяснил модуль http и упомянул в качестве экспресс-выражения.
zfrisch 24 июль 2018, в 20:28
1

@zfrisch О, я абсолютно согласен, если вы заметили, я добавил решение, сопровождающее комментарий. Я согласен, слишком часто я вижу, как они используют эту библиотеку, не говоря, как ее использовать.
basic 24 июль 2018, в 20:30

Показать ещё 9 комментариев

Теги:

javascript

4 ответа

0

Используйте moment.js. Отличная библиотека, предназначенная именно для вас. Вы можете использовать опцию.format.

var now = moment().format('YYYY-MM-DD HH:mm:ss.SSS');
$('#timeval').text(now);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Current Time: <br>
<a id="timeval"></a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

https://momentjs.com/

basic 24 июль 2018, в 19:10

0

ты забыл миллисекунды, хотя :)
Altay Akkus 24 июль 2018, в 20:24
0

@AltayAkkus хорошая мысль. Смотрите редактировать.
basic 24 июль 2018, в 20:29
0

добавил фрагмент :)
Altay Akkus 24 июль 2018, в 20:35

Показать ещё 1 комментарий

0

Вы можете использовать moment.js, это действительно поможет вам с датами форматирования.

console.log(moment().format('YYYY-MMMM-DD h:mm:ss:SSS'));

<script src="https://momentjs.com/downloads/moment.min.js"></script>

Эта команда выполняет работу довольно хорошо. moment() - объект даты, когда нет аргументов, приведенных в этом примере, оно принимает текущее время, но вы также можете использовать moment("2018-12-4") для определенных дат.

Затем вы можете отформатировать дату в соответствии с вашими потребностями,

ГГГГ - полный год (2018 год)

MMMM - это полное название месяца (июль)

(вы также можете использовать MMM для короткой версии имени месяца)

DD - это день как число (24)

(вы также можете использовать dddd для полного имени дня или ddd для короткого имени)

h - это час как число (22)

мм - это минута как число (23)

ss является вторым числом (как пример 22)

SSS - это миллисекунда как число (пример 245)

Altay Akkus 24 июль 2018, в 18:07

0

Попробуй это?

let date = new Date();
let jsonDate = date.toJSON();
jsonDate = jsonDate.replace(/[TZ]/g, " ");
jsonDate = jsonDate.replace(/\./g, ":");

console.log(jsonDate);

>  2018-07-24 20:32:06:435

Кроме того, если вы хотите разбить всю вещь на подстроки:

let date = new Date();
let jsonDate = date.toJSON();
jsonDate = jsonDate.replace(/[TZ]/g, " ");
jsonDate = jsonDate.replace(/\./g, ":");
let dateTime = jsonDate.split(" ");
let dt = dateTime[0].split("-");
let tt = dateTime[1].split(":");
let year = dt[0];
let month = dt[1];
let day = dt[2];
let hour = tt[0];
let minute = tt[1];
let second = tt[2];
let mili = tt[3];

console.log(jsonDate);
console.log(dateTime[0]);
console.log(dateTime[1]);
console.log([year, month, day, hour, minute, second, mili].join("~"));
console.log("Date: " + [year, month, day].join("-") + " Time: " + [hour, minute, second, mili].join(":"));

> 2018-07-24 21:03:05:706 
> 2018-07-24
> 21:03:05:706
> 2018~07~24~21~03~05~706
> Date: 2018-07-24 Time: 21:03:05:706

Как вы могли заметить из этого ответа, я работаю с базами данных. У меня тяжелый баш, javascript, php, sql, golang background.

NotoriousPyro 24 июль 2018, в 17:29

0

это не его предпочтительный формат
Altay Akkus 24 июль 2018, в 20:24
0

Это такой крутой, короткий и приятный ответ, который не требует никаких внешних библиотек или зависимостей. Можете ли вы изменить, чтобы прийти к запрашиваемому формату?
etayluz 24 июль 2018, в 20:27
0

Там это улучшается. Единственное, чего у него нет - это двоеточие в конце.
NotoriousPyro 24 июль 2018, в 20:33
0

И теперь это обеспечивает полное решение.
NotoriousPyro 24 июль 2018, в 20:36

Показать ещё 2 комментария

Ещё вопросы

Можете ли вы использовать внешнюю библиотеку, такую как moment.js?
Ну, вы можете использовать литералы шаблона вместо конкатенации, а также padStart() .
Вы не должны использовать var при переназначении значения переменных.
Также можно проверить, что toLocaleString имеет много опций и встроен в большинство браузеров.
Если вы получаете один и тот же шаблон снова и снова, может быть полезно превратить его в функцию
Я серьезно не могу быть единственным человеком, который думает, что js - это замечательно, но люди должны перестать просто рекомендовать библиотеку, а не объяснять решение.
@zfrisch Как рекомендовать библиотеку, которая делает именно то, что вы хотите, не объясняя решение?
@basic Basic Упоминание, что это хорошо, но я вижу слишком много ответов, которые говорят: «О, просто используйте момент!» даже не определяя решение с библиотекой. Да, это отличный инструмент, но, говоря всем просто полагаться на него, вы абстрагируетесь. Если у кого-то есть проблемы с Vanilla JS, мы не просто говорим: «О, используйте JQuery!» потому что это смешно Это просто мое мнение, но если я, например, спрашиваю, как построить сервер в узле, я не хочу, чтобы кто-то сказал «захватить экспресс», я хочу, чтобы кто-то объяснил модуль http и упомянул в качестве экспресс-выражения.
@zfrisch О, я абсолютно согласен, если вы заметили, я добавил решение, сопровождающее комментарий. Я согласен, слишком часто я вижу, как они используют эту библиотеку, не говоря, как ее использовать.
@AltayAkkus хорошая мысль. Смотрите редактировать.
это не его предпочтительный формат
Это такой крутой, короткий и приятный ответ, который не требует никаких внешних библиотек или зависимостей. Можете ли вы изменить, чтобы прийти к запрашиваемому формату?
Там это улучшается. Единственное, чего у него нет - это двоеточие в конце.
И теперь это обеспечивает полное решение.

zero298 · Accepted Answer · 2018-07-24T17-19-00.000Z

Используйте вместо шаблонов литералы вместо конкатенации и padStart() чтобы заполнить padStart() нули.

const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, "0");
const day = String(now.getDate()).padStart(2, "0");
const hour = String(now.getHours()).padStart(2, "0");
const minute = String(now.getMinutes()).padStart(2, "0");
const second = String(now.getSeconds()).padStart(2, "0");
const milli = String(now.getMilliseconds()).padStart(4, "0");

const m_session_startTime = '${year}-${month}-${day} ${hour}:${minute}:${second}:${milli}';
console.log(m_session_startTime);

Можете ли вы опираться на ответ NotoriousPyro? Его самый элегантный из всех, но он не имеет правильного форматирования.
@etayluz В том-то и дело, что их ответ просто сбрасывает строку, возвращаемую toJSON() . Это не может быть улучшено без по- настоящему краткого анализа строк и манипуляций. Если вы хотите большей гибкости, вы должны получить все свойства с помощью методов, которые вы делали в начале, а затем объединить их.