Строка формата на сегодняшний день Vuejs

Я получаю из API строку даты в следующем формате: DD_MM_YYYY_hh_mm__ss

Я хочу отобразить строку в следующем формате: ДД/ММ/ГГГГ чч:мм:сс

Как я могу этого добиться?

18.03.2022 12:04

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

В одну сторону:

const str = '18_03_2022_12_21_34'
// to string
const res = str.split('_')
const r = res.slice(0, 3).join('/') + ' ' + res.slice(-3).join(':')
console.info(r)
// or to date
console.info(new Date(res.slice(0, 3).join('/').split('/').reverse().join('/') + ' ' + res.slice(-3).join(':')))

18.03.2022 12:15

Ответ принят как подходящий

Вы можете заменить последовательности подчеркивания соответствующими символами в зависимости от их положения во входной строке:

function convertDate(date) {
    return date.replace(/_+/g, (_, n) => (n < 10) ? "/" : (n > 10) ? ":" : " ");
}

console.info(convertDate("DD_MM_YYYY_hh_mm__ss"));

Или немного проще:

function convertDate(date) {
    let n = 0; return date.replace(/_+/g, () => "// ::"[n++]);
}

console.info(convertDate("DD_MM_YYYY_hh_mm__ss"));

18.03.2022 12:32

Vue-фильтр

Код:

Vue.filter('stringTodateTime', function ( dateTimeString ) {
    if (!dateTimeString) return ''
    return dateTimeString.replace(/_+/g, (_, n) => (n < 10) ? "/" : (n > 10) ? ":" : " ");
})

Использование:

{{ 12_04_2021_12_59_34 | stringTodateTime }}

18.03.2022 13:49

Другие вопросы по теме

Переключить компонент боковой панели с помощью кнопки из компонента Navbar

Как отобразить значение из таблицы поиска в таблице данных vuetify

Объект, возможно, «не определен» в Vue с помощью this.$refs

Могут ли внешний и внутренний интерфейс использовать один и тот же package.json?

Элемент chrome addon VueJS исчезает при рендеринге

Проблема с индексом массива после вызова axios

Изменить цвет выбранного ионного предмета, если он выбран

Вопрос дизайна Vue о вызовах / испускании API

Как определить 3 эмиссии Vue

Модальный бутсрап не показывает vue 3

Строка формата на сегодняшний день Vuejs

Ответы 3

Другие вопросы по теме

Похожие вопросы