Home / Questions / 23937
Accepted
Alan
Asked: 2020-09-16 07:49:58 +0800 CST 2020-09-16 07:49:58 +0800 CST

Преобразовать заданную дату в формате гггг-мм-дд в строку в javaScript?

  • 772

Я фиксирую дату в формате yyy-mm-dd (2016-06-30)и хочу придать ей более удобный формат для пользователя, я ищу следующее:

2016-06-30 = 6 de Junio del 2016 
2016-06-30 = Junio (Mostrar el mes dada la fecha)
2016-06-30 = Jueves (Mostrar el día, suponiendo que el 06 sea Jueves).
javascript

5 Answers

  1. Best Answer

    Это стандартная опция, доступная в большинстве браузеров (всех современных),toLocaleDateString

    Пример.

    var fecha = new Date();
var options = { year: 'numeric', month: 'long', day: 'numeric' };

console.log(
  fecha.toLocaleDateString("es-ES", options)
);

    Другое, включающее день недели:

    var fecha = new Date(1995, 11, 17);
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };

console.log(
  fecha.toLocaleDateString("es-ES", options)
);

fecha = new Date("2017-08-21");
console.log(
  fecha.toLocaleDateString("es-ES", options)
);

    Если вы посмотрите на документацию, указанную выше, есть разные варианты отображения всех или только некоторых частей в отформатированной дате.

    В зависимости от используемых вами параметров, вы можете показывать только день или месяц. Также вы можете, если не включаете локаль ("es-ES" - испанский из Испании), оставить ее для использования локали пользователя. Обычно это хорошая практика, поскольку пользователь настроил предпочтительный формат, и его следует соблюдать.

    Салу2

    • 18

  2. Согласно документации вы можете попробовать следующее:

    var fechaEjemplo = moment('2016-06-30', 'YYYY/MM/dd');
fechaEjemplo = fechaEjemplo.format('MMMM D, YYYY');
// Resultado: Junio 30, 2016

    Скорректированный тестовый код из следующего источника .

    Если вы обдумываете идею использования только javascript, я рекомендую использовать следующий код:

    var meses = [
  "Enero", "Febrero", "Marzo",
  "Abril", "Mayo", "Junio", "Julio",
  "Agosto", "Septiembre", "Octubre",
  "Noviembre", "Diciembre"
]

var date = new Date();
var dia = date.getDate();
var mes = date.getMonth();
var yyy = date.getFullYear();
var fecha_formateada = dia + ' de ' + meses[mes] + ' de ' + yyy;

document.getElementById('spnFecha').innerHTML = "Fecha: " + fecha_formateada;
alert(fecha_formateada);
    <span id="spnFecha">Fecha:</span>

    Код отредактирован из ответа Алехандро Рикотти .

    • 6

  3. Вы можете протестировать простым способом, используя momentjs

    var date = moment('2016-08-15');
date.format('LL'); // 15 de Septiembre de 2016
date.format('LLL') // Jueves, 15 de Septiembre de 2016 0:00

    Не забудьте включить местных жителей

    • 5

  4. Что ж, с JavaScript «едва» вам нужно было бы создать Arrayсо всеми названиями месяцев и «отобразить» их:

    const meses = [
  "Enero", "Febrero", "Marzo",
  "Abril", "Mayo", "Junio", "Julio",
  "Agosto", "Septiembre", "Octubre",
  "Noviembre", "Diciembre"
]

const date = new Date()
const dia = date.getDate()
const mes = date.getMonth()
const ano = date.getFullYear()

console.log(`${dia} de ${meses[mes]} del ${ano}`)  // 15 de Septiembre del 2016

    Для дней недели вам придется сделать что-то подобное.

    • 4

  5. Принимая во внимание ответы, я нашел решение, которое мне было нужно, используя библиотеку :

    // uso el idioma en español
moment.locale('es');
//
var dateTime = moment( '2016-06-30');
// formato de fecha miercoles 1, junio 2016
var full = dateTime.format('dddd D, MMMM YYYY');
// mes
var mes = dateTime.format(' MMMM');
// dia (escrito)
var dia = dateTime.format('dddd');
// dia
var diaN = dateTime.format('D');
/////
// Update
var full2 = dateTime.format('LL');
//
var fullTime = dateTime.format('LLLL');

console.log(full, mes, dia, diaN, full2, fullTime );
    <!-- importo la libreria moments -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.0/moment.min.js"></script>
<!-- importo todos los idiomas -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.0/moment-with-locales.min.js"></script>

    Для получения дополнительной информации о форматах с использованием здесь

    Большое спасибо за ваше время и вашу помощь, это было очень полезно.

    • 3