Javascript HTML/JS:datetime显示程序
是否有一个组件,一个div类,任何使用纯JS或bootstrap来显示按照说明格式化的日期字符串的东西?例如:Javascript HTML/JS:datetime显示程序,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,是否有一个组件,一个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”?但是对于相同的值,当格式更改时,它会显示其他内容吗?其思想是,值始终是相同的 我搜索到的都是日期选
<div
class="my-datetime-formatter-and-display-er"
value="Thu 30 Apr 20:12:08 EEST 2020"
format="%M/%Y"
></div>
并显示“04-2020”?但是对于相同的值
,当格式更改时,它会显示其他内容吗?其思想是,值
始终是相同的
我搜索到的都是日期选择器
或者,如果我已经有一个js函数来格式化datestr,例如
formatdata(“Thu 30 Apr 20:12:08 EEST 2020”,“%M/%Y”)
,我如何在div
onload(?)上调用它来格式化值并在创建时填充它?(前提是它不会干扰已安装的onclick
等)等等,引导与它无关。Bootstrap可以处理它的显示方式,但是它不能改变日期格式(我在代码中看不到Bootstrap类):另外,
元素在HTML中默认没有值
属性。您应该改为使用
,最终使用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>
…在窗口加载事件中使用它。如何在页面上显示日期取决于您。我希望这能帮助你,尽管我不确定我是否理解你的问题。这有帮助吗?这回答了你的问题吗?另请参见异端猴子感谢@Federico Moretti建议的第二个链接看起来很有希望。它是否可以更不透明一点,对用户隐藏细节?也许我不清楚,但我确实想控制它的显示方式。假设日期值来自ajax。然后填充div。现在假设它是未格式化的,我希望在div检测到值已更改时,立即使用格式对其进行格式化,并按如下方式显示,已格式化。
window.addEventListener('load', formatData('Thu 30 Apr 20:12:08 EET 2020', '%M-%Y'));