Angular如何基于浏览器本地时区打印带时区标识的日期?
Angular DatePipe 添加本地时区标识的解决方案
要在格式化后的日期末尾添加本地浏览器时区的缩写(如IST),只需调整DatePipe的格式字符串即可,具体操作如下:
补充时区缩写标识:
Angular DatePipe支持用z格式符输出本地时区的缩写,将你的格式字符串补充该标识即可。修正年份格式符:
把原代码中的YYYY替换为yyyy——YYYY是基于周的年份,在跨年周可能出现年份偏差,yyyy才是标准的公历年份,更符合常规使用场景。完整代码示例:
this.currentDate = new Date(); // 12小时制+时区缩写的标准格式 this.formattedDate = this.datePipe.transform(this.currentDate, 'MM/dd/yyyy hh:mm a z'); // 若需保留24小时制(注:24小时制搭配AM/PM不符合常规格式规范,仅作可选参考) // this.formattedDate = this.datePipe.transform(this.currentDate, 'MM/dd/yyyy HH:mm a z');
运行后会输出符合需求的格式,例如:09/21/2023 12:09 AM IST。
内容的提问来源于stack exchange,提问作者Parimala Tamanampudi
相关产品推荐
相关产品推荐

