¿Cómo le doy formato a una fecha en JavaScript?

¿Cómo formato un Dateobjeto Javascript como una cadena? (Preferiblemente en el formato: 10-Aug-2010)

Aug 24 '10 06:08 leora

Para formatos de fecha delimitados personalizados, debe extraer los componentes de fecha (u hora) de un DateTimeFormatobjeto (que forma parte de la API de internacionalización de ECMAScript ) y luego crear manualmente una cadena con los delimitadores que desee.

Para hacer esto, puedes usar DateTimeFormat#formatToParts. Podrías desestructurar la matriz, pero eso no es lo ideal, ya que la salida de la matriz depende de la configuración regional:

{ // example 1
   let formatter = new Intl.DateTimeFormat('en');
   let example = formatter.formatToParts();
   console.log(example);
}
{ // example 2
   let formatter = new Intl.DateTimeFormat('hi');
   let example = formatter.formatToParts();
   console.log(example);
}

Mejor sería asignar una matriz de formato a las cadenas resultantes:

function join(date, options, separator) {
   function format(option) {
      let formatter = new Intl.DateTimeFormat('en', option);
      return formatter.format(date);
   }
   return options.map(format).join(separator);
}

let options = [{day: 'numeric'}, {month: 'short'}, {year: 'numeric'}];
let joined = join(new Date, options, '-');
console.log(joined);

También puede extraer las partes de una DateTimeFormatpor una usando DateTimeFormat#format, pero tenga en cuenta que al usar este método, a partir de marzo de 2020, hay un error en la implementación de ECMAScript cuando se trata de ceros a la izquierda en minutos y segundos (este error se evita mediante el enfoque anterior).

let date = new Date(2010, 7, 5);
let year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
let month = new Intl.DateTimeFormat('en', { month: 'short' }).format(date);
let day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
console.log(`${day}-${month}-${year}`);

Cuando se trabaja con fechas y horas, normalmente vale la pena utilizar una biblioteca (por ejemplo, luxon , date-fns ,momento.jsno se recomienda para proyectos nuevos ) debido a las muchas complejidades ocultas del campo.

Tenga en cuenta que la API de internacionalización de ECMAScript, utilizada en las soluciones anteriores, no es compatible con IE10 ( 0,03% de participación de mercado global de navegadores en febrero de 2020).

Aug 23 '2010 23:08 Marko

Si necesita formatear rápidamente su fecha usando JavaScript simple, use getDate, getMonth + 1, y :getFullYeargetHoursgetMinutes

var d = new Date();

var datestring = d.getDate()  + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " +
d.getHours() + ":" + d.getMinutes();

// 16-5-2015 9:50

O, si necesita que se complete con ceros:

var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" +
    d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);

// 16-05-2015 09:50

May 16 '2015 07:05 sebastian.i

Utilice la biblioteca date.format :

var dateFormat = require('dateformat');
var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

devoluciones:

Saturday, June 9th, 2007, 5:46:21 PM 

formato de fecha en npm

http://jsfiddle.net/phZr7/1/

Aug 23 '2010 23:08 RobertPitt

Bueno, lo que quería era convertir la fecha de hoy en una cadena de fecha compatible con MySQL como 2012-06-23y usar esa cadena como parámetro en una de mis consultas. La solución simple que he encontrado es esta:

var today = new Date().toISOString().slice(0, 10);

Tenga en cuenta que la solución anterior no tiene en cuenta el desplazamiento de su zona horaria .

Podrías considerar usar esta función en su lugar:

function toJSONLocal (date) {
    var local = new Date(date);
    local.setMinutes(date.getMinutes() - date.getTimezoneOffset());
    return local.toJSON().slice(0, 10);
}

Esto le dará la fecha correcta en caso de que esté ejecutando este código alrededor del inicio o final del día.

var date = new Date();

function toLocal(date) {
  var local = new Date(date);
  local.setMinutes(date.getMinutes() - date.getTimezoneOffset());
  return local.toJSON();
}

function toJSONLocal(date) {
  var local = new Date(date);
  local.setMinutes(date.getMinutes() - date.getTimezoneOffset());
  return local.toJSON().slice(0, 10);
}

// check out your devtools console
console.log(date.toJSON());
console.log(date.toISOString());
console.log(toLocal(date));

console.log(toJSONLocal(date));

• Fecha.toISOString
• Fecha.toJSON
• cadena.rebanada
• Ejemplo externo

Jun 23 '2012 18:06 simo