我正在寻找一种方法来
Convert all-new Dates upon construction/declaration to Pacific Standard time. (Without every developer in team manually setting the timezone)
Additionally, dates displayed should be showed in Pacific Timezone when displaying in HTML, console.log, etc
let test = new Date(2019, 3, 5);
console.log(test);
tzutil /s "Pacific Standard Time"。
var date = new Date(2019, 3, 5). //Fri Apr 05 2019 00:00:00 GMT+0800 (Singapore Standard Time)date.toISOString() //2019-04-04T16:00:00.000Z。因为新加坡位于UTC+08:00，比协调世界时间提前8小时。var date = new Date(2019, 3, 5) // Fri Apr 05 2019 00:00:00 GMT-0700 (Pacific Standard Time)date.toISOString() //2019-04-05T08:00:00.000Z。因为 PST 在 UTC-08:00，比协调世界时间晚8小时。夏令时问题（-07:00）由您自己解决。var date = new Date(2019, 3, 5)，则可以添加一个名为 toPSTString() 的新方法，并使用正则表达式将括号中的文本替换为 "Pacific Standard Time"，将 GMT+xxx 替换为 "GMT-08:00"，因为日期值是绝对的。Date.prototype.toPSTString = function () {
let date = this.toString();
//date.replace.... easy part, you could use Regex to do it
return date;
};
但是如果你在构造函数中传入的是ISO字符串格式的日期或毫秒数，则处理起来会非常棘手。例如，如果你执行 new Date("2019-04-05T07:00:00.000Z")，你希望看到什么？
查看下面的内容，了解如何基于时区差异输出ISO字符串。它可能会给您一些想法。
new Date总是使用本地机器的时区。所以，如果我在新加坡，执行new Date(2019, 3, 5).toISOString()，它将始终给我2019-04-04T16:00:00.000Z，而不是预期的2019-04-05T08:00:00.000Z。
你也可以覆盖JS函数以输出UTC日期，但要考虑PST时间。
Date.prototype.toPSTString = function () {
function convertMinuteToMillisecond(mins) {
return mins * 60 * 1000;
}
let localDateOffsetToUtc = this.getTimezoneOffset(); //the offset between the user local timezone with UTC. In my use case of Singapore, it give me -480.
const offSetBetweenPSTAndUTC = 480;
let offsetBetweenPSTAndLocal = offSetBetweenPSTAndUTC - localDateOffsetToUtc;
let newDate = new Date(
this.getTime() + convertMinuteToMillisecond(offsetBetweenPSTAndLocal)
);
return newDate.toISOString();
};
var date = new Date(2019, 3, 5);
date.toISOString(); //"2019-04-04T16:00:00.000Z" Singapore
date.toPSTString(); //"2019-04-05T08:00:00.000Z" PST
输出看起来是正确的。虽然我没有真正测试过，但希望你能明白我的意思。
通常情况下，如果你在新加坡，你希望看到的日期是在新加坡时区。没人关心PST时区。同样的，如果你在伦敦，你不想看到的是新加坡或PST的时间。我认为你可能需要考虑这个因素，因为如果你的应用程序不断发展，修复这种问题将变得更加困难。
我在我的博客中写了如何处理时区和语言环境。在我的使用例子中，我使用moment.js，同时服务器端也需要支持我这么做。如果你想要更多的想法，可以看一下我的博客。
与日期打交道可能会让你发疯。在客户端处理日期的最大问题是你必须依赖于客户机正确设置日期、时间和时区。最好始终在服务器上创建日期，这样你可以控制时钟。
拥有一个返回日期的API端点是最可靠的选择。即使需要往返一次服务器也非常值得。
null以获取太平洋日期now，或传入任何日期以将其转换为太平洋时间：pacificTimeOfDate(d:Date=null) {
if (!d)
d = new Date();
var year = d.getUTCFullYear();
var month = d.getUTCMonth();
var day = d.getUTCDate();
var hours = d.getUTCHours();
var minutes = d.getUTCMinutes();
var seconds = d.getUTCSeconds();
var utcDate = new Date(year, month, day, hours, minutes, seconds);
utcDate.setMinutes(utcDate.getMinutes() - 420);
return utcDate
}
this.tM01CNKD.signDate = new Date(this.tM01CNKD.signDate +'UTC')
这样就可以工作了。最好使用ISO 8601格式的日期和时间。请看看为什么以及使用ISO-8601日期格式有哪些好处。https://www.iso.org/iso-8601-date-and-time-format.html
完整文章在这里 在Angular中实现ISO 8601日期时间格式
ISO 8601可被任何希望使用标准化呈现方式的人使用：
日期，
一天中的时间，
协调世界时（UTC），
日期和时间，
时间间隔，
循环时间间隔。
您可以使用此代码以您想要的方式使用该格式。我希望这可以帮助您。
export interface HashTable<T> {
[key: string]: T;
}
import { Injectable } from '@angular/core';
import { HashTable } from './hash-table';
type FormatFunc = (date: Date) => string;
@Injectable({
providedIn: 'root'
})
export class DateFormat {
formattingTokenFunc: HashTable<FormatFunc> = {};
private formattingTokens = /(HH?|HH?|hh?|mm?|ss?|MM?|dd?|yy?y?y?|.)/g;
constructor() {
// add years function
const getYearFunc = (date: Date) => date.getFullYear().toString();
// Year, no leading zero (e.g. 2015 would be 15)
this.addFormatToken('y', 0, (date: Date) =>
(date.getFullYear() % 100).toString()
);
this.addFormatToken('yyy', 0, getYearFunc);
this.addFormatToken('yyyy', 0, getYearFunc);
// Year, leading zero (e.g. 2015 would be 015)
this.addFormatToken('yy', 3, (date: Date) =>
(date.getFullYear() % 100).toString()
);
// add months function
const getMonthFunc = (date: Date) => (date.getMonth() + 1).toString();
this.addFormatToken('M', 0, getMonthFunc);
this.addFormatToken('MM', 2, getMonthFunc);
// add day function
const getDayFunc = (date: Date) => date.getDate().toString();
this.addFormatToken('d', 0, getDayFunc);
this.addFormatToken('dd', 2, getDayFunc);
// add hours function
const get12HrFunc = (date: Date) => (date.getHours() % 12).toString();
// 12-hour clock, with a leading 0 eg (e.g. 06)
this.addFormatToken('hh', 2, get12HrFunc);
// 12-hour clock hour
this.addFormatToken('h', 0, get12HrFunc);
const get24HrFunc = (date: Date) => date.getHours().toString();
this.addFormatToken('HH', 2, get24HrFunc);
this.addFormatToken('H', 0, get24HrFunc);
// add minute function
const getMinFunc = (date: Date) => date.getMinutes().toString();
this.addFormatToken('m', 0, getMinFunc);
// Minutes with a leading zero
this.addFormatToken('mm', 2, getMinFunc);
// add seconds function
const getSecFunc = (date: Date) => date.getSeconds().toString();
this.addFormatToken('s', 0, getSecFunc);
this.addFormatToken('ss', 2, getSecFunc);
}
formatToISO8601Date(date: Date | string): string {
return this.format(date, 'yyyy-MM-dd');
}
format(date: Date | string, format: string): string {
const finalDate = date instanceof Date ? date : new Date(date);
const matches = format.match(this.formattingTokens);
let result = '';
matches.forEach(match => {
// const hasFunc = this.formattingTokenFunc.hasOwnProperty('match');
const formatFunc = this.formattingTokenFunc[match];
result += formatFunc ? formatFunc(finalDate) : match;
});
return result;
}
prefixZero(length: number, input: string): string {
return `${Math.pow(10, length)}${input}`.slice(-1 * length);
}
prefixZeroFunc(length: number, formatFunc: FormatFunc): FormatFunc {
return (c: Date) => this.prefixZero(length, formatFunc(c));
}
private addFormatToken(
token: string,
addZeroesLength: number,
// formatFunc: ((date: Date) => string)
formatFunc: FormatFunc
): void {
this.formattingTokenFunc[token] =
addZeroesLength > 0
? this.prefixZeroFunc(addZeroesLength, formatFunc)
: formatFunc;
}
}