时间戳

首页 > 解决方案 > 使用 JS/jQuery 修改 HTML 中日期/时间文本字符串的值

javascript - 使用 JS/jQuery 修改 HTML 中日期/时间文本字符串的值

问题描述

我想将日期/时间文本字符串的一部分转换为数字，对其执行加法/减法，考虑到 12:00 的 am/pm 切换，然后在原始字符串后面运行它。可能的？

例如，在现有的 HTML 中，

<span class="time">12:30pm EST</span>

应显示为

<span class="time">12:30pm EST / 9:30am PST</span>

标签： javascriptjquerystringintegercalculation

解决方案

您可以为此使用 moment js 库。在这个库中，您可以传递当前时间并将其转换为首选时区。请检查以下示例：

time = document.getElementsByClassName("time")[0]
var estTime = moment(time.innerHTML, "h:mm A");


var pstTime = estTime.clone().tz("America/Los_Angeles").format("h:mm a")

time.innerHTML = time.innerHTML + " / "+pstTime + " PST"
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.7/moment-timezone-with-data-2010-2020.min.js"></script>

<span class="time">12:30pm EST</span>

推荐阅读