Форматировать дату JavaScript как гггг-мм-дд
У меня свидание в формате Sun May 11,2014
. Как я могу преобразовать его в 2014-05-11
с помощью JavaScript?
function taskDate(dateMilli) {
var d = (new Date(dateMilli) + '').split(' ');
d[2] = d[2] + ',';
return [d[0], d[1], d[2], d[3]].join(' ');
}
var datemilli = Date.parse('Sun May 11,2014');
taskdate(datemilli);
Приведенный выше код дает мне тот же формат даты, sun may 11,2014
. Как я могу это исправить?
Ответы
Ответ 1
Вы можете сделать:
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
return [year, month, day].join('-');
}
Пример использования:
alert(formatDate('Sun May 11,2014'));
Выход:
2014-05-11
Демонстрация по JSFiddle: http://jsfiddle.net/abdulrauf6182012/2Frm3/
Ответ 2
Просто используйте встроенный метод toISOString
, который переводит дату в формат ISO 8601:
yourDate.toISOString().split('T')[0]
Где yourDate - это объект вашей даты.
Ответ 3
Я использую этот способ, чтобы получить дату в формате yyyy-mm-dd:)
var todayDate = new Date().toISOString().slice(0,10);
Ответ 4
Самый простой способ преобразовать вашу дату в формат гггг-мм-дд - это сделать это:
var date = new Date("Sun May 11,2014");
var dateString = new Date(date.getTime() - (date.getTimezoneOffset() * 60000 ))
.toISOString()
.split("T")[0];
Как это работает:
new Date("Sun May 11,2014")
преобразует строку "Sun May 11,2014"
в объект даты, который представляет время Sun May 11 2014 00:00:00
в часовом поясе на основе текущей локали (настройки хост-системы)
new Date(date.getTime() - (date.getTimezoneOffset() * 60000 ))
преобразует вашу дату в объект даты, который соответствует времени Sun May 11 2014 00:00:00
в UTC (стандартное время), вычитая смещение часового пояса
.toISOString()
преобразует объект даты в строку ISO 8601 2014-05-11T00:00:00.000Z
.split("T")
разбивает строку на массив ["2014-05-11", "00:00:00.000Z"]
[0]
берет первый элемент этого массива
Демо
var date = new Date("Sun May 11,2014");
var dateString = new Date(date.getTime() - (date.getTimezoneOffset() * 60000 ))
.toISOString()
.split("T")[0];
console.log(dateString);
Ответ 5
format = function date2str(x, y) {
var z = {
M: x.getMonth() + 1,
d: x.getDate(),
h: x.getHours(),
m: x.getMinutes(),
s: x.getSeconds()
};
y = y.replace(/(M+|d+|h+|m+|s+)/g, function(v) {
return ((v.length > 1 ? "0" : "") + eval('z.' + v.slice(-1))).slice(-2)
});
return y.replace(/(y+)/g, function(v) {
return x.getFullYear().toString().slice(-v.length)
});
}
Результат:
format(new Date('Sun May 11,2014'), 'yyyy-MM-dd')
"2014-05-11
Ответ 6
Комбинация некоторых ответов:
var d = new Date(date);
date = [
d.getFullYear(),
('0' + (d.getMonth() + 1)).slice(-2),
('0' + d.getDate()).slice(-2)
].join('-');
Ответ 7
toISOString()
предполагает, что ваша дата является местным временем, и преобразует ее в UTC. Вы получите неверную строку даты.
Следующий метод должен вернуть то, что вам нужно.
Date.prototype.yyyymmdd = function() {
var yyyy = this.getFullYear().toString();
var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
var dd = this.getDate().toString();
return yyyy + '-' + (mm[1]?mm:"0"+mm[0]) + '-' + (dd[1]?dd:"0"+dd[0]);
};
Источник: https://blog.justin.kelly.org.au/simple-javascript-function-to-format-the-date-as-yyyy-mm-dd/
Ответ 8
Если у вас нет ничего против использования библиотек, вы можете просто использовать библиотеку Moments.js следующим образом:
var now = new Date();
var dateString = moment(now).format('YYYY-MM-DD');
var dateStringWithTime = moment(now).format('YYYY-MM-DD HH:mm:ss');
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
Ответ 9
Просто используйте это:
var date = new Date('1970-01-01'); // Or your date here
console.log((date.getMonth() + 1) + '/' + date.getDate() + '/' + date.getFullYear());
Просто и мило;)
Ответ 10
Я предлагаю использовать что-то вроде formatDate-js вместо того, чтобы пытаться повторять это каждый раз. Просто используйте библиотеку, которая поддерживает все основные действия strftime.
new Date().format("%Y-%m-%d")
Ответ 11
Вы можете попробовать это: https://www.npmjs.com/package/timesolver
npm i timesolver
Используйте его в своем коде:
const timeSolver = require('timeSolver');
const date = new Date();
const dateString = timeSolver.getString(date, "YYYY-MM-DD");
Вы можете получить строку даты, используя этот метод:
getString
Ответ 12
Ни один из этих ответов не удовлетворил меня. Я хотел кросс-платформенное решение, которое дало бы мне день в местном часовом поясе без использования каких-либо внешних библиотек.
Вот что я придумал:
function localDay(time) {
var minutesOffset = time.getTimezoneOffset()
var millisecondsOffset = minutesOffset*60*1000
var local = new Date(time - millisecondsOffset)
return local.toISOString().substr(0, 10)
}
Это должно вернуть день даты в формате ГГГГ-ММ-ДД в часовом поясе, на который ссылается дата.
Так, например, localDay(new Date("2017-08-24T03:29:22.099Z"))
вернет "2017-08-23"
, хотя в UTC он уже 24-й.
Вам нужно polyfill Date.prototype.toISOString, чтобы он работал в Internet Explorer 8, но он должен поддерживаться везде.
Ответ 13
Получить год, месяц и день, а затем собрать их вместе. Прямо, просто и точно.
function formatDate(date) {
var year = date.getFullYear().toString();
var month = (date.getMonth() + 101).toString().substring(1);
var day = (date.getDate() + 100).toString().substring(1);
return year + "-" + month + "-" + day;
}
alert(formatDate(new Date()));
Ответ 14
Чтобы учесть часовой пояс, этот однострочник должен быть хорош без какой-либо библиотеки:
new Date().toLocaleString("en-IN", {timeZone: "Asia/Kolkata"}).split(',')[0]
Ответ 15
Date.js отлично подходит для этого.
require("datejs")
(new Date()).toString("yyyy-MM-dd")
Ответ 16
function myYmd(D){
var pad = function(num) {
var s = '0' + num;
return s.substr(s.length - 2);
}
var Result = D.getFullYear() + '-' + pad((D.getMonth() + 1)) + '-' + pad(D.getDate());
return Result;
}
var datemilli = new Date('Sun May 11,2014');
document.write(myYmd(datemilli));
Ответ 17
Переформатировать строку даты довольно просто, например,
var s = 'Sun May 11,2014';
function reformatDate(s) {
function z(n){return ('0' + n).slice(-2)}
var months = [,'jan','feb','mar','apr','may','jun',
'jul','aug','sep','oct','nov','dec'];
var b = s.split(/\W+/);
return b[3] + '-' +
z(months.indexOf(b[1].substr(0,3).toLowerCase())) + '-' +
z(b[2]);
}
console.log(reformatDate(s));
Ответ 18
Это помогло мне получить текущую дату в нужном формате (ГГГГММДД ЧЧ: ММ: СС):
var d = new Date();
var date1 = d.getFullYear() + '' +
((d.getMonth()+1) < 10 ? "0" + (d.getMonth() + 1) : (d.getMonth() + 1)) +
'' +
(d.getDate() < 10 ? "0" + d.getDate() : d.getDate());
var time1 = (d.getHours() < 10 ? "0" + d.getHours() : d.getHours()) +
':' +
(d.getMinutes() < 10 ? "0" + d.getMinutes() : d.getMinutes()) +
':' +
(d.getSeconds() < 10 ? "0" + d.getSeconds() : d.getSeconds());
print(date1+' '+time1);
Ответ 19
var d = new Date("Sun May 1,2014");
var year = d.getFullYear();
var month = d.getMonth() + 1;
var day = d.getDate();
month = checkZero(month);
day = checkZero(day);
var date = "";
date += year;
date += "-";
date += month;
date += "-";
date += day;
document.querySelector("#display").innerHTML = date;
function checkZero(i)
{
if (i < 10)
{
i = "0" + i
}; // add zero in front of numbers < 10
return i;
}
<div id="display"></div>
Ответ 20
new Date(new Date(YOUR_DATE.toISOString()).getTime() -
(YOUR_DATE.getTimezoneOffset() * 60 * 1000)).toISOString().substr(0, 10)
Ответ 21
Библиотека не нужна
Просто чистый JavaScript.
Пример ниже показывает последние два месяца с сегодняшнего дня:
var d = new Date()
d.setMonth(d.getMonth() - 2);
var dateString = new Date(d);
console.log('Before Format', dateString, 'After format', dateString.toISOString().slice(0,10))
Ответ 22
PHP совместимый формат даты
Вот небольшая функция, которая может принимать те же параметры, что и функция PHP date()
, и возвращать строку даты/времени в JavaScript.
Обратите внимание, что поддерживаются не все параметры формата date() из PHP. Вы можете расширить объект parts
, чтобы создать отсутствующий токен формата
/**
* Date formatter with PHP "date()"-compatible format syntax.
*/
const formatDate = (format, date) => {
if (!format) { format = 'Y-m-d' }
if (!date) { date = new Date() }
const parts = {
Y: date.getFullYear().toString(),
y: ('00' + (date.getYear() - 100)).toString().slice(-2),
m: ('0' + (date.getMonth() + 1)).toString().slice(-2),
n: (date.getMonth() + 1).toString(),
d: ('0' + date.getDate()).toString().slice(-2),
j: date.getDate().toString(),
H: ('0' + date.getHours()).toString().slice(-2),
G: date.getHours().toString(),
i: ('0' + date.getMinutes()).toString().slice(-2),
s: ('0' + date.getSeconds()).toString().slice(-2)
}
const modifiers = Object.keys(parts).join('')
const reDate = new RegExp('(?<!\\\\)[' + modifiers + ']', 'g')
const reEscape = new RegExp('\\\\([' + modifiers + '])', 'g')
return format
.replace(reDate, $0 => parts[$0])
.replace(reEscape, ($0, $1) => $1)
}
// ----- EXAMPLES -----
console.log( formatDate() ); // "2019-05-21"
console.log( formatDate('H:i:s') ); // "16:21:32"
console.log( formatDate('Y-m-d, o\\n H:i:s') ); // "2019-05-21, on 16:21:32"
console.log( formatDate('Y-m-d', new Date(2000000000000)) ); // "2033-05-18"
Ответ 23
Вот один из способов сделать это:
var date = Date.parse('Sun May 11,2014');
function format(date) {
date = new Date(date);
var day = ('0' + date.getDate()).slice(-2);
var month = ('0' + (date.getMonth() + 1)).slice(-2);
var year = date.getFullYear();
return year + '-' + month + '-' + day;
}
console.log(format(date));
Ответ 24
Если дата должна быть одинаковой во всех часовых поясах, например, представляет какое-то значение из базы данных, то обязательно используйте UTC-версии дня, месяца, полностью годичных функций в объекте даты JavaScript, так как это будет отображаться во времени UTC и Избегайте ошибок в определенных часовых поясах.
Еще лучше использовать библиотеку дат Moment.js для такого рода форматирования.
Ответ 25
Еще одна комбинация ответов. Хорошо читаемый, но немного длинный.
function getCurrentDayTimestamp() {
const d = new Date();
return new Date(
Date.UTC(
d.getFullYear(),
d.getMonth(),
d.getDate(),
d.getHours(),
d.getMinutes(),
d.getSeconds()
)
// `toIsoString` returns something like "2017-08-22T08:32:32.847Z"
// and we want the first part ("2017-08-22")
).toISOString().slice(0, 10);
}
Ответ 26
I modified Самит Сатпуте ответил следующим образом:
var newstartDate = new Date();
// newstartDate.setDate(newstartDate.getDate() - 1);
var startDate = newstartDate.toISOString().replace(/[-T:\.Z]/g, ""); //.slice(0, 10); // To get the Yesterday Date in YYYY MM DD Format
console.log(startDate);
Ответ 27
Несколько из предыдущего ответа были в порядке, но они не были очень гибкими. Я хотел что-то, что действительно могло бы справиться с большим количеством крайних случаев, поэтому я взял ответ @orangleliu и расширил его. https://jsfiddle.net/8904cmLd/1/
function DateToString(inDate, formatString) {
// Written by m1m1k 2018-04-05
// Validate that we're working with a date
if(!isValidDate(inDate))
{
inDate = new Date(inDate);
}
// See the jsFiddle for extra code to be able to use DateToString('Sun May 11,2014', 'USA');
//formatString = CountryCodeToDateFormat(formatString);
var dateObject = {
M: inDate.getMonth() + 1,
d: inDate.getDate(),
D: inDate.getDate(),
h: inDate.getHours(),
m: inDate.getMinutes(),
s: inDate.getSeconds(),
y: inDate.getFullYear(),
Y: inDate.getFullYear()
};
// Build Regex Dynamically based on the list above.
// It should end up with something like this: "/([Yy]+|M+|[Dd]+|h+|m+|s+)/g"
var dateMatchRegex = joinObj(dateObject, "+|") + "+";
var regEx = new RegExp(dateMatchRegex,"g");
formatString = formatString.replace(regEx, function(formatToken) {
var datePartValue = dateObject[formatToken.slice(-1)];
var tokenLength = formatToken.length;
// A conflict exists between specifying 'd' for no zero pad -> expand
// to '10' and specifying yy for just two year digits '01' instead
// of '2001'. One expands, the other contracts.
//
// So Constrict Years but Expand All Else
if (formatToken.indexOf('y') < 0 && formatToken.indexOf('Y') < 0)
{
// Expand single digit format token 'd' to
// multi digit value '10' when needed
var tokenLength = Math.max(formatToken.length, datePartValue.toString().length);
}
var zeroPad = (datePartValue.toString().length < formatToken.length ? "0".repeat(tokenLength) : "");
return (zeroPad + datePartValue).slice(-tokenLength);
});
return formatString;
}
Пример использования:
DateToString('Sun May 11,2014', 'MM/DD/yy');
DateToString('Sun May 11,2014', 'yyyy.MM.dd');
DateToString(new Date('Sun Dec 11,2014'),'yy-M-d');
Ответ 28
Отформатируйте и найдите максимальную и минимальную дату из данных хеш-карты:
var obj = {"a":'2001-15-01', "b": '2001-12-02' , "c": '2001-1-03'};
function findMaxMinDate(obj){
let formatEncode = (id)=> { let s = id.split('-'); return '${s[0]+'-'+s[2]+'-'+s[1]}'}
let formatDecode = (id)=> { let s = id.split('/'); return '${s[2]+'-'+s[0]+'-'+s[1]}'}
let arr = Object.keys( obj ).map(( key )=> { return new Date(formatEncode(obj[key])); });
let min = new Date(Math.min.apply(null, arr)).toLocaleDateString();
let max = new Date(Math.max.apply(null, arr)).toLocaleDateString();
return {maxd: '${formatDecode(max)}', mind:'${formatDecode(min)}'}
}
console.log(findMaxMinDate(obj));
Ответ 29
Все эти ответы велики и мне очень помогли. В моей ситуации я хотел получить текущую дату в формате yyyy mm dd вместе с датой-1. Вот что сработало для меня.
var endDate = new Date().toISOString().slice(0, 10); // To get the Current Date in YYYY MM DD Format
var newstartDate = new Date();
newstartDate.setDate(newstartDate.getDate() - 1);
var startDate = newstartDate.toISOString().slice(0, 10); // To get the Yesterday Date in YYYY MM DD Format
alert(startDate);
Ответ 30
Это сработало для меня, и вы можете вставить это непосредственно в ваш HTML, если это необходимо для тестирования:
<script type="text/javascript">
if (datefield.type!="date"){ // If the browser does not support input type="date",
// initialize date picker widget:
jQuery(function($){ // On document.ready
$('#Date').datepicker({
dateFormat: 'yy-mm-dd', // THIS IS THE IMPORTANT PART!!!
showOtherMonths: true,
selectOtherMonths: true,
changeMonth: true,
minDate: '2016-10-19',
maxDate: '2016-11-03'
});
})
}
</script>