Como posso converter um valor de data no formato ISO 8601 para um objeto de data em JavaScript?

Question

Eu tenho tentado converter um valor de data em um formato mais legível. Para fazer isso, eu estou tentando analisar a data usando o método Date.parse() JavaScript. Isso no entanto não funciona na entrada (por exemplo: "2007-09-21T14:15:34.058-07:00") que eu tenho. O objetivo final é produzir um texto de data como "January 30th, 2008 @ 2:15PM".

Todas as idéias?

Answer 1

Tente http://www.datejs.com/ . É um JavaScript Data Biblioteca com um método Date.parse estendida e um método Date.parseExact, que permite que você especifique uma seqüência de formato. Consulte DateJS APIDocumentation .

Answer 2

Você provavelmente deve usar a datejs que f3lix recomendado, no entanto eu estava entediado e joguei junto um pequeno objeto que faz exatamente o que você pediu:

25 de setembro de 2012: Código Limpo, permitir formato não-estendido, por exemplo 20120925T164740 + 0200

01 dezembro de 2011: fixa um bug na seqüência mês. Agosto foi faltando

var ISODate = {
  convert :
    function (input){
      if (!(typeof input === "string")) throw "ISODate, convert: input must be a string";
      var d = input.match(/^(\d{4})-?(\d{2})-?(\d{2})[T ](\d{2}):?(\d{2}):?(\d{2})(\.\d+)?(Z|(?:([+-])(\d{2}):?(\d{2})))$/i);
      if (!d) throw "ISODate, convert: Illegal format";
      return new Date(
        Date.UTC(
          d[1], d[2]-1, d[3],
          d[4], d[5], d[6], d[7] || 0 % 1 * 1000 | 0
        ) + (
          d[8].toUpperCase() === "Z" ? 0 :
            (d[10]*3600 + d[11]*60) * (d[9] === "-" ? 1000 : -1000)
        )
      );
    },
  format :
    function(date, utc){
      if (typeof date === "string") date = this.convert(date);
      if (!(date instanceof Date)) throw "ISODate, format: t is not a date object";

      var t={'FullYear':0, 'Month':0, 'Date':0, 'Hours':0, 'Minutes':0, 'Seconds':0};
      for (var key in t) {
        if (t.hasOwnProperty(key)) t[key] = date["get" +(utc ? "UTC" :"") + key]()
      }

      return this.month[t.Month]
        + " "
        + this.ordinal(t.Date)
        + ", "
        + t.FullYear
        + " @ "
        + this.clock12(t.Hours,t.Minutes);
      },
  month:
    [
      "January", "February", "March", "April", "May", "June",
      "July", "August", "September", "October", "November", "December"
    ],
  ordinal:
    function(n) {
      return n+(
        [
          "th", "st", "nd", "rd"
        ][
          (( n % 100 / 10) | 0) === 1 ? 0 : n % 10 < 4 ? n % 10 : 0
        ]
      );
  },
  clock12:
    function(h24, m, s){
      h24%=24;
      var h12 = (h24 % 12) || 12;
      return h12 + ":" +
        (m < 10 ? "0" + m : m) +
        (isFinite(s) ? ":" + (s < 10 ? "0" + s : s ) : "") +
        (h24 < 12 ? "AM" : "PM");
      }
};

Exemplo:

//Shows the date in the users timezone:
alert(ISODate.format("2007-09-21T14:15:34.058-07:00"));

//Show the date in UTC (Timezone Z, 00:00)
alert(ISODate.format("2007-09-21T14:15:34.058-07:00",true));

Explicação:

converso recebe uma string como entrada e retorna um objeto de data se for bem sucedida ou lança uma exceção se não. A cadeia tem de estar em um dos seguintes formatos:

• AAAA-MM-DDThh: mm: ss.sZ
• AAAA-MM-DDThh: mm: ss.sXaa: bb

Onde:

• AAAA é o ano como um 4 dígitos inteiro
• MM é o mês como uma de 2 dígitos inteiro
• DD é a data do mês como uma de 2 dígitos inteiro
• T é o personagem T ou espaço (\ x20)
• hh é a hora num formato de 24 horas, como um número inteiro de 2 dígitos
• mm é o minuto como um número inteiro de 2 dígitos
• ss.s é o segundo, ou como um número inteiro de 2 dígitos ou como um ponto flutuante com 2 dígitos seguidos por um período seguido por um ou mais dígitos.
• Z é o personagem Z (indicando fuso horário Z, UTC + 00: 00)
• X ou é um sinal de mais (+) ou menos (-) sinal da timeoffset a UTC
• aa é a hora da timeoffset a UTC como um 2 dígitos inteiro
• BB é o minuto de timeoffset a ITC como um número inteiro de 2 dígitos

Formato recebe uma string no formato acima ou um objeto data e retorna uma string formatada como:

• M D, Y @ h: mm

Onde - M é o nome completo Inglês do mês - D é a data de meses com um sufixo numérico a fim (1-2 dígitos) - o símbolo Y representa o ano (1 ou mais dígitos) - h é o formato horas em 12 horas (1-2 dígitos) - o símbolo m representa o minuto (2 digitos)

mês é uma matriz com os nomes dos meses

ordinal é uma função que recebe um número como entrada e retornar o número com o Inglês ordinal sufixo.

clock12 é uma função que leva hora, minuto e segundo no formato de 24h e converte para uma string no formato de 12h US. segundos é opcional.