HTML / JS: отображение времени и даты

Question

Доступен ли компонент, класс div, что-нибудь, что использует чистый JS или bootstrap для отображения строки даты, которая форматируется в соответствии с инструкциями? Например:

<div
  class="my-datetime-formatter-and-display-er"
  value="Thu 30 Apr 20:12:08 EEST 2020"
  format="%M/%Y"
></div>

и отображение «04-2020»? Но для того же value, когда формат меняется, он отображает что-то еще? Идея состоит в том, что value всегда одинаков.

Все, что я получаю в своих поисках, это сборщики дат.

В качестве альтернативы, если у меня уже есть функция js, которая форматирует дату, например, formatdata("Thu 30 Apr 20:12:08 EEST 2020", "%M/%Y"), как я могу вызвать его на div onload (?), чтобы отформатировать значение и заполнить его во время создания? (при условии, что он не мешает уже установленному onclick et c.)

Answer 1

Подождите, Bootstrap не имеет к этому никакого отношения . Bootstrap может обрабатывать то, как оно отображается, но не может изменить формат даты (и я не вижу класс Bootstrap в вашем коде): плюс, элемент <div> не имеет value атрибут по умолчанию в HTML. Вместо этого вы должны использовать <date>, в конечном итоге с datetime="Thu 30 Apr 20:12:08 EET 2020" в качестве атрибута. Тем не менее, я предлагаю управлять этим с помощью JavaScript.

<div class="my-datetime-formatter-and-display-er">
  <date datetime="04-2020">Thu 30 Apr 20:12:08 EET 2020</date>
</div>

Вы можете изменить datetime или внутренний HTML из <date> с помощью функции JavaScript, вызывая класс .my-datetime-formatter-and-display-er как узел DOM. Вы можете оставить элемент <date> пустым и показать только его атрибут datetime. Вызов вашей функции, если она существует, из onload зависит только от того, какой прослушиватель событий вы выберете в JavaScript. Я имею в виду, например:

window.addEventListener('load', formatData('Thu 30 Apr 20:12:08 EET 2020', '%M-%Y'));

… чтобы оно было на событии загрузки окна. Как показать дату на странице зависит от вас. Я надеюсь, что это поможет вам, хотя я не уверен, что понял ваш вопрос.