blocks|key|2843864|text|给定日期，您可以使用new+Intl.DateTimeFormat()获得区域设置格式。然后可以使用formatToParts来获取日期和每个特定组件的格式。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2843865|按照文档中的示例，我创建了以下方法以获取地区字符串中的UTC日期。|2843866|function+toLocaleUTCDateString(date)+{
++let+formatter+=+new+Intl.DateTimeFormat();
++return+formatter.formatToParts(date).map(({type,+value})+=>+{+
++++switch+(type)+{
++++++case+'day':+return+date.getUTCDate();
++++++case+'hour':+return+date.getUTCHours();
++++++case+'minute':+return+date.getUTCMinutes();
++++++case+'month':+return+date.getUTCMonth()+%2B+1;
++++++case+'second':+return+date.getUTCSeconds();
++++++case+'timeZoneName':+return+"UTC";
++++++case+'year':+return+date.getUTCFullYear();
++++++default+:+return+value;+
++++}+
++}).reduce((string,+part)+=>+string+%2B+part);
}|code-block|syntax|javascript|2843867|但是，请注意，此方法不记得数字与字符串格式。例如，如果要将3月显示为“want”(或特定的语言月份字符串)，而不是显示为数字3，则必须自己决定如何做到这一点。它也不处理工作日的差异，所以如果当地的日期是“周五”，而世界贸易委员会的日期是“星期六”，你也必须分开计算。|2843868|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat/formatToParts^0|A|P|1E|D|0|2|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Given a date, you can get the locale format with <code>new Intl.DateTimeFormat()</code>.
You can then use <code>formatToParts</code> in order to get the formatting of the date and each specific component.
Following the example in <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat/formatToParts" rel="nofollow noreferrer">the <code>formatToParts</code> documentation</a>, I created the following method to get the UTC date in the locale string.
<pre><code>function toLocaleUTCDateString(date) {
 let formatter = new Intl.DateTimeFormat();
 return formatter.formatToParts(date).map(({type, value}) =&gt; { 
 switch (type) {
 case 'day': return date.getUTCDate();
 case 'hour': return date.getUTCHours();
 case 'minute': return date.getUTCMinutes();
 case 'month': return date.getUTCMonth() + 1;
 case 'second': return date.getUTCSeconds();
 case 'timeZoneName': return &quot;UTC&quot;;
 case 'year': return date.getUTCFullYear();
 default : return value; 
 } 
 }).reduce((string, part) =&gt; string + part);
}
</code></pre>
Do note however that this method does not remember number versus string formatting. For example, if you want to display the month of March as &quot;March&quot; (or the specific language month string), and not as the number 3, you would have to figure out how to do that yourself. It also doesn't handle discrepancies in weekdays, so if the local date is &quot;Friday&quot; and the UTC Date is &quot;Saturday&quot;, you would have to figure that out separately as well.

blocks|key|2843905|text|toLocaleString接收一些参数，第一个参数是locale。要具体地解决您的问题，您需要了解UTC不是一个地区。你可以完成你想要的，就是把'en-US‘传递给3/29/2019，把'en-GB’传递给29/03/2019，希望这会有所帮助！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2843906|entityMap^0|0|E|2B|9|2W|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

<code>toLocaleString</code> receives some parameters, the first parameter is the locale. To solve your issue specifically, you need to understand that UTC is not a locale. What you could to to accomplish what you want is to pass either 'en-US' for <code>3/29/2019</code> and 'en-GB' for <code>29/03/2019</code> hope that helps!

blocks|key|2844000|text|我还希望像toLocaleDateString()一样使用本地化字符串设置显示日期，但使用日期的UTC值，而不是本地时区。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2844001|例如：|2844002|​|2844003|📷|atomic|2844004|2844005|我确实想要本地化的字符串格式，但我也想要UTC值而不是本地时区值。本例中所需的输出是4/3/2019，而不是4/2/2019。|2844006|我承认了@AndersonHappens的建议，但我没有使用它。相反，我是这样做的：|2844007|有一个getTimezoneOffset()函数，它提供本地时区偏移量。|2844008|我们可以使用这个函数的结果，并创建一个新的Date，应用diff。然后，我们可以像往常一样直接使用toLocaleDateString()获取本地化字符串格式的日期：|2844009|2844010|2844011|2844012|作为一个函数，解决方案可以如下所示：|2844013|function+toLocaleUTCDateString(date,+locales,+options)+{
++++const+timeDiff+=+date.getTimezoneOffset()+*+60000;
++++const+adjustedDate+=+new+Date(date.valueOf()+%2B+timeDiff);
++++return+adjustedDate.toLocaleDateString(locales,+options);
}|code-block|syntax|javascript|2844014|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/61d2430d44b535cb829e29f3d5934c32.png|imageAlt|1|LINK|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset|2|https://developer.qcloudimg.com/http-save/yehe-900000/53edb870920af864b7ee5f118845243d.png^0|5|K|0|0|0|0|1|0|0|0|16|8|1I|8|0|0|3|J|1|0|L|4|1D|K|0|0|0|1|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1L|8|@$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1O|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1P|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1Q|8|@]|D|@$9|1R|A|1S|1|1T]]|E|$]]|$1|M|3|I|5|6|7|1U|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1V|8|@$9|1W|A|1X|B|C]|$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|20|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|21|8|@]|D|@$9|22|A|23|1|24]]|E|$]]|$1|T|3|U|5|6|7|25|8|@$9|26|A|27|B|C]|$9|28|A|29|B|C]]|D|@]|E|$]]|$1|V|3|I|5|6|7|2A|8|@]|D|@]|E|$]]|$1|W|3|K|5|L|7|2B|8|@]|D|@$9|2C|A|2D|1|2E]]|E|$]]|$1|X|3|I|5|6|7|2F|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|2G|8|@]|D|@]|E|$]]|$1|10|3|11|5|12|7|2H|8|@]|D|@]|E|$13|14]]|$1|15|3|-4|5|6|7|2I|8|@]|D|@]|E|$]]]|16|$17|$5|18|19|1A|E|$1B|1C|1D|-4]]|1E|$5|1F|19|1G|E|$1H|1I]]|1J|$5|18|19|1A|E|$1B|1K|1D|-4]]]]

I also wanted to display a date using localized string settings, like <code>toLocaleDateString()</code> does, but using the date's UTC value, instead of the local time zone.

For example:

<a href="https://i.stack.imgur.com/4a2l0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4a2l0.png" alt="Localized UTC date problem"></a>

I do want the localized string format, but I also want the UTC value instead of the local time zone value. The desired output in this example would be <code>4/3/2019</code>, instead of <code>4/2/2019</code>.

<hr>

I acknowledged @AndersonHappens suggestion, but I have not used it. Here is what I did, instead:

There is a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset" rel="noreferrer"><code>getTimezoneOffset()</code></a> function, which provides the local time zone offset.

We can use this function result and create a new <code>Date</code>, applying the diff. Then, we can use <code>toLocaleDateString()</code> directly, as usual, to get the date in localized string format:

<a href="https://i.stack.imgur.com/2kRrY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2kRrY.png" alt="Localized UTC date solution"></a>

The solution as a function could be like this:

<pre class="lang-js prettyprint-override"><code>function toLocaleUTCDateString(date, locales, options) {
 const timeDiff = date.getTimezoneOffset() * 60000;
 const adjustedDate = new Date(date.valueOf() + timeDiff);
 return adjustedDate.toLocaleDateString(locales, options);
}
</code></pre>

blocks|key|2844019|text|var+dateToPrint+=+new+Date(Date.UTC(2020,+3,+23,+15,+0,+0));

new+Date(
++dateToPrint.getUTCFullYear(),
++dateToPrint.getUTCMonth(),
++dateToPrint.getUTCDate(),
++dateToPrint.getUTCHours(),
++dateToPrint.getUTCMinutes(),
++dateToPrint.getUTCSeconds()
).toLocaleString('es-ES')|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2844020|见图|unstyled|offset|length|2844021|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/Vm7Uq.png^0|0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>var dateToPrint = new Date(Date.UTC(2020, 3, 23, 15, 0, 0));

new Date(
 dateToPrint.getUTCFullYear(),
 dateToPrint.getUTCMonth(),
 dateToPrint.getUTCDate(),
 dateToPrint.getUTCHours(),
 dateToPrint.getUTCMinutes(),
 dateToPrint.getUTCSeconds()
).toLocaleString('es-ES')
</code></pre>

<a href="https://i.stack.imgur.com/Vm7Uq.png" rel="nofollow noreferrer">see image</a>

blocks|key|1293302|text|您几乎正确地理解了-+timeZone选项在第二个参数中是可用的。toLocaleDateString的第一个参数是区域设置。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1293303|当选项是第二个参数(并且比其他答案简单得多)时，您的问题中的这个示例会起作用：|1293304|const+usLocale+=+'en-US'
new+Date('Sat,+30+Mar+2019+00:27:19+GMT').toLocaleDateString(usLocale,+{
++timeZone:+'UTC',
})
//+'3/30/2019'

const+ukLocale+=+'en-GB'
new+Date('Sat,+30+Mar+2019+00:27:19+GMT').toLocaleDateString(ukLocale,+{
++timeZone:+'UTC',
})
//+'30/03/2019'|code-block|syntax|javascript|1293305|entityMap^0|B|8|X|I|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

You almost got it right - the <code>timeZone</code> option is available in the second argument. The first argument to <code>toLocaleDateString</code> is for the locales.
This example from your question works when options are the second argument (and is much simpler than other answers):
<pre class="lang-js prettyprint-override"><code>const usLocale = 'en-US'
new Date('Sat, 30 Mar 2019 00:27:19 GMT').toLocaleDateString(usLocale, {
 timeZone: 'UTC',
})
// '3/30/2019'

const ukLocale = 'en-GB'
new Date('Sat, 30 Mar 2019 00:27:19 GMT').toLocaleDateString(ukLocale, {
 timeZone: 'UTC',
})
// '30/03/2019'

</code></pre>

blocks|key|1293333|text|看看MDN上的Intl.DateTimeFormat！|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1293334|使用它非常简单|1293335|//+do+this+once+in+a+central+library+file
const+formatter+=+new+Intl.DateTimeFormat('en',+{
++timeZone:+'UTC',
++timeZoneName:+'short',
++month:+'short',
++day:+'2-digit',
++hour12:+false,
++hour:+'2-digit',
++minute:+'2-digit',
})

//+reuse+anywhere+for+consistency
const+myDate+=+new+Date(
++'Thu+Feb+10+2022+12:50:14+GMT%2B0100'
)

formatter.format(myDate)+===+'Feb+10,+11:50+UTC'+//+true|code-block|syntax|javascript|1293336|打开您的控制台，复制粘贴代码并开始播放！|1293337|再说一遍，MDN上的Intl.DateTimeFormat。|1293338|享受吧！|1293339|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat|1^0|2|O|0|0|0|0|0|5|O|1|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|14|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|X]]]]

Check out <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat" rel="nofollow noreferrer">Intl.DateTimeFormat on MDN</a>!
Using it is as simple as
<pre><code>// do this once in a central library file
const formatter = new Intl.DateTimeFormat('en', {
 timeZone: 'UTC',
 timeZoneName: 'short',
 month: 'short',
 day: '2-digit',
 hour12: false,
 hour: '2-digit',
 minute: '2-digit',
})

// reuse anywhere for consistency
const myDate = new Date(
 'Thu Feb 10 2022 12:50:14 GMT+0100'
)

formatter.format(myDate) === 'Feb 10, 11:50 UTC' // true
</code></pre>
Open your console, copy-paste the code and start playing!
Again, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat" rel="nofollow noreferrer">Intl.DateTimeFormat on MDN</a>.
Enjoy!

blocks|key|1293341|text|在toLocaleDateString内部，您可以传递选项。有一个选项名TimeZone。你必须把它设为“UTC”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1293342|const+dateToParse+=+new+Date()
dateToParse.toLocaleDateString(locate,+{+timeZone:+'UTC'+})|code-block|syntax|javascript|1293343|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Inside the toLocaleDateString you can pass options. There is an option name TimeZone. You have to set it to 'UTC'
<pre><code>const dateToParse = new Date()
dateToParse.toLocaleDateString(locate, { timeZone: 'UTC' })
</code></pre>

I want to get the current UTC date in JavaScript, but display it in the local date format (like <code>Date.toLocaleDateString()</code> does). 

I first tried to just get the current UTC Date with <code>Date.toUTCString()</code> but that doesn't actually print out in the local format. 

I then tried using the options configuration in <code>toLocaleDateString()</code>, but that just printed the local date and not the UTC date in the local format.
e.g. new <code>Date().toLocaleDateString(options = {timeZone: "UTC"})</code>

I then tried formatting using <code>Intl.DateTimeFormat()</code>, but that just gives the same results as <code>Date.toLocaleDateString()</code> does.

If there was a way to get the locale format then I'd be happy to use that format to format the UTC Date, but as far as I can tell there is none.

For example, given the <code>new Date("Sat, 30 Mar 2019 00:27:19 GMT")</code>, In the US, I should print out "3/30/2019", in Europe I should print out "30/3/2019", and so on, for every supported locale. 

However, <code>new Date("Sat, 30 Mar 2019 00:27:19 GMT").toLocaleDateString(options = {timeZone: "UTC"})</code> will print out "3/29/2019" instead.

Is there a function to get the UTC date in the Locale String Format?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我希望在JavaScript中获得当前的UTC日期，但以本地日期格式显示它(就像Date.toLocaleDateString()那样)。我最初尝试使用Date.toUTCString()获取当前的UTC日期，但实际上并没有以本地格式打印出来。然后我尝试使用toLocaleDateString()中的选项配置，但这只是...

问是否有函数以地区字符串格式获取UTC日期？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有函数以地区字符串格式获取UTC日期？EN