【问题标题】:jQuery world clocks for future date & time用于未来日期和时间的 jQuery 世界时钟
【发布时间】:2018-05-23 21:07:24
【问题描述】:

我想显示未来日期和时间的不同国际地点的日期和时间。

我将为不同的位置使用简单的文本显示,就像这个页面一样。 https://www.proglogic.com/code/javascript/time/worldclock.php

我不知道如何修改现有的世界时钟代码以显示未来的日期和时间。

【问题讨论】:

    标签: jquery future clock


    【解决方案1】:

    您可以使用moment.js 和他们的time zone plugin 轻松获取未来特定天数、小时数等的日期,然后将其转换为另一个时区。

    moment().add(1, “days”).tz(“America/New_York”);
    

    编辑:这是我制作的jsfiddle,它对您在下面发布的代码进行了修改(在 cmets 中进行了解释)。

    【讨论】:

    • 我使用 jQuery dtpicker 来选择未来的日期时间,并使用时刻来找出当前和未来 dt 之间的差异。 var d2 = new Date( moment(document.getElementById(target).value) ); var diff = moment().diff(d2); 将差异添加到当前 dt,显示其他时区 var myresult = 'SC Time ' + moment(d2).format("dddd, MMMM Do YYYY, h:mm a"); myresult += '<br>LA Time ' + moment.tz(target, "America/Los_Angeles").format("dddd, MMMM Do YYYY, h:mm a"); 你觉得如何?
    • @user3315297 我对您的代码进行了一些更改,请参阅上面的编辑以获取更多信息。我不确定它如何与您的 jQuery UI 实现一起使用,但您可以报告并告诉我是否有帮助
    • 太棒了,比我想象的要简单得多。我对所有 TZ 都得到了相同的结果,但我使用的是 moment-tz.js 而不是 moment-timezone-with-data.js,我注意到看着你的 jsfiddle,非常感谢你提供的出色、清晰的帮助。你为我节省了很多时间。瞬间真的很震撼。最好的问候,迈克
    • @user3315297 没问题,我很乐意帮助迈克!您能帮我一个忙,然后单击复选标记将我的答案标记为已接受吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-19
    • 1970-01-01
    相关资源
    最近更新 更多