报告本地时间而不是 UTC 服务器时间

我创建了一个页面，其中向用户显示服务器报告的天气数据。时间保存为 UTC，如何从 Blazor 服务器应用程序显示本地用户或浏览器的时间？

我遇到了类似的问题并创建了一个名为的库布拉佐尔时间 https://github.com/dustout/BlazorTime来解决它。

安装 BlazorTime 运行Install-Package BlazorTime

然后加<script src="_content/BlazorTime/blazorTime.js"></script>到您的主机或索引文件

之后，您可以使用以下命令显示用户当地时间的值<ToLocal> tag

<p>
  @*UTC to browser time*@
  <ToLocal DateTime="testUtcTime" Format="ddd mmm dd yyyy HH:MM:ss"></ToLocal>
</p>

<p>
  @*server time to browser time*@
  <ToLocal DateTime="testServerTime" Format="default"></ToLocal>
</p>

<p>
  @*display as iso example 2021-05-10*@
  <ToLocal DateTime="testUtcTime" Format="yyyy-mm-dd"></ToLocal>
</p>

<p>
  @*display as time example 2pm*@
  <ToLocal DateTime="testUtcTime" Format="htt"></ToLocal>
</p>

<button @onclick="Update">Update Time</button>

@code {
  private DateTime testUtcTime = DateTime.UtcNow;
  private DateTime testServerTime = DateTime.Now;

  private void Update()
  {
    testUtcTime = DateTime.UtcNow;
    testServerTime = DateTime.Now;
  }
}