javascript - HTML/JS : datetime display-er

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”？但是对于相同的值，当格式更改时它会显示其他内容？这个想法是值始终相同。

我在搜索中得到的只是日期选择器。

或者，如果我已经有一个格式化 datestr 的 js 函数，例如formatdata("Thu 30 Apr 20:12:08 EEST 2020", "%M/%Y")，如何在 div onload(?)格式化值并在创建时填写它？ (前提是它不会干扰已经安装的onclick等)

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或<date>的innerHTML使用 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'));

…在窗口加载事件中使用它。如何在页面上显示日期取决于您。我希望这可以帮助您，尽管我不确定我是否理解您的问题。