我一直在尝试编写一个脚本,该脚本将获取丹佛的当前时间,并将其输出到URL中。
我已经做到了这一点:http://jsfiddle.net/Chibears85/h41wu8vz/4/
JS
$(function() {
var today = new Date();
var ss = today.getUTCSeconds();
var nn = today.getUTCMinutes() - 3; //3 minute delay
var hh = today.getUTCHours() - 6; //Offset UTC by 6 hours (Mountain Time)
var dd = today.getUTCDate();
var mm = today.getUTCMonth() + 1; //January is 0!
var yyyy = today.getUTCFullYear();
if (dd < 10) {
dd = '0' + dd
}
if (mm < 10) {
mm = '0' + mm
}
if (hh < 10) {
hh = '0' + hh
}
var today = mm + '/' + dd + '/' + yyyy + '%20' + hh + ':' + nn + ':' + ss ;
$('img.r').each(function() {
var url = $(this).attr('src');
if (url.indexOf("?") >= 0) {
$(this).attr("src", url + today);
} else {
$(this).attr("src", url + "?feature_date=" + today);
}
});
});
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="screen.js"></script>
<img class="r" src="https://mywebsite.com&DateTime=" width="400">
它会将日期插入到URL中,但是从山区时间下午6点到凌晨12点,时间会中断(01:00:00 10/20/2018变成-5:00:00 10/20/2018而不是19:00:00 10/19/2018),3分钟延迟偏移量使其从1:00到12:02每小时中断一次(1:01变成1:-02,而不是00:59)。
我想知道如何修复UTC偏移量,这样它就不会减去负数,并适当地偏移日期/月/年。
发布于 2018-10-20 03:03:03
这可以用纯JS来解决,尽管我一开始想过使用MomentJS。一个好的解决方案是:
var today = new Date();
var todayThreeMinutesLess = new Date(today - (3 * 60000)); // to reduce 3 minutes from current time, as 60000 ms is 1 minute;
var today = todayThreeMinutesLess.toLocaleString('en-US', {timeZone: 'America/Denver', hour12: false}).replace(', ', '%20');
$('img.r').each(function() {
var url = $(this).attr('src');
if (url.indexOf("?") >= 0) {
$(this).attr("src", url + today);
} else {
$(this).attr("src", url + "?feature_date=" + today);
// just to prevew the url format
$(this).attr("alt", url + "?feature_date=" + today);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="r" src="https://mywebsite.com&DateTime=" width="400">
发布于 2018-10-20 03:00:11
根据您的浏览器支持需求,您可以使用toLocaleString
,但请注意locales and options may not be supported in Edge and are not supported in Android webview。
new Date().toLocaleString('en-US', {timeZone: 'America/Denver'})
要遵循您的函数直到结束,并手动将UTC时间转换为山地时间(山地标准时间或山地夏令时,具体取决于一年中的时间),您必须扩展您的函数以处理夏令时。例如(这就是为什么像Moment.js这样的库如此流行,并且可能值得研究一下以满足您的需求):
const twoDigit = (d) => (d < 10 ? '0' : '') + d;
const formatDate = (date, time) => {
date = date.map((x) => twoDigit(x)).join('/');
time = time.map((x) => twoDigit(x)).join(':');
return `${date} ${time}`;
};
const getOffset = (month, date, day, hour) => {
// assume MST offset
let offset = 7;
// adjust to MDT offset as needed
if ((month > 2 && month < 10) || (month === 2 && date > 14)) {
offset = 6;
} else if (month === 2 && date > 7 && date < 15) {
if ((day && date - day > 7) || (day === 0 && hour - offset >= 2)) {
offset = 6;
}
} else if (month === 10 && date < 8) {
if ((day && date - day < 0) || (day === 0 && hour - offset < 1)) {
offset = 6;
}
}
return offset;
};
const getMountainTime = () => {
const dt = new Date(); // current datetime
let year = dt.getUTCFullYear(); // utc year
let month = dt.getUTCMonth(); // utc month (jan is 0)
let date = dt.getUTCDate(); // utc date
let hour = dt.getUTCHours(); // utc hours (midnight is 0)
let minute = dt.getUTCMinutes(); // utc minutes
let second = dt.getUTCSeconds(); // utc seconds
let day = dt.getUTCDay(); // utc weekday (sunday is 0)
let offset = getOffset(month, date, day, hour);
if (hour - offset < 0) {
hour = 24 + hour - offset;
day = day ? day - 1 : 6;
if (date === 1) {
if (!month) {
year -= 1;
month = 11;
} else {
month -= 1;
}
date = new Date(year, month + 1, 0).getDate();
} else {
date -= 1;
}
} else {
hour -= offset;
}
month += 1;
return formatDate([month, date, year], [hour, minute, second]);
};
const denver = getMountainTime();
console.log(denver);
发布于 2019-06-03 18:25:08
你也可以使用date-fnc库来实现这一点。
import { formatToTimeZone } from 'date-fns-timezone';
const value = new Date();
const pattern = 'MMM. DD, YYYY [at] H:mma [MT]';
const outputDate = formatToTimeZone(value, pattern, { timeZone: 'MST' })
这是指向格式选项https://date-fns.org/v1.9.0/docs/format的链接
这是用于date-fnc时区的https://date-fns.org/v2.0.0-alpha.27/docs/Time-Zones
https://stackoverflow.com/questions/52897912
复制相似问题