如何从JavaScript传递客户端时区至C#，按其转换日期为UTC？

当然可以实现！下面是一套完整的方案，帮你把客户端时区传递到C#后端，并用它来判断消息的显示时间段：

1. 前端JavaScript获取并传递时区ID #

首先，用JavaScript获取客户端的IANA时区ID（这是跨平台通用的时区标识，比如Asia/Shanghai），然后通过合适的方式（AJAX请求、表单隐藏域、URL参数）传递到后端。

示例1：AJAX请求传递

// 获取客户端时区ID
const clientTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;

// 发送到后端API
fetch('/api/Banner/CheckDisplayTime', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ timeZoneId: clientTimeZone }),
})
.then(response => response.json())
.then(data => {
  // 根据返回结果渲染消息
  if (data.hasMessages) {
    document.getElementById('bannerContainer').innerHTML = data.bannerHtml;
  }
});

示例2：表单隐藏域传递

<form id="bannerForm" action="/Banner/LoadMessages" method="post">
  <input type="hidden" id="clientTimeZone" name="clientTimeZone" />
  <!-- 其他表单元素 -->
</form>

<script>
// 页面加载时填充时区ID
document.getElementById('clientTimeZone').value = Intl.DateTimeFormat().resolvedOptions().timeZone;
</script>

2. 后端C#接收时区并转换日期 #

后端接收客户端传来的时区ID后，用它来转换时间并执行原有的消息判断逻辑。需要注意不同.NET版本的时区兼容性：

• .NET Core 3.0+原生支持IANA时区ID；
• 如果是.NET Framework，需要安装NuGet包TimeZoneConverter，用TZConvert.GetTimeZoneInfo(clientTimeZoneId)来获取正确的TimeZoneInfo对象。

示例C#代码

[HttpPost]
public IActionResult CheckDisplayTime([FromBody] TimeZoneRequest request)
{
    // 这里可以选择用客户端传递的本地时间，避免服务器与客户端时间偏差
    // 比如让前端同时发送 new Date().toISOString()，后端解析为DateTime
    var clientLocalTime = DateTime.SpecifyKind(DateTime.Now, DateTimeKind.Unspecified);
    TimeZoneInfo clientTimeZone;

    try
    {
        // 尝试获取客户端指定的时区
        clientTimeZone = TimeZoneInfo.FindSystemTimeZoneById(request.TimeZoneId);
    }
    catch (TimeZoneNotFoundException)
    {
        // 时区无效时回退到服务器时区，避免程序崩溃
        clientTimeZone = TimeZoneInfo.Local;
    }

    // 核心：用客户端时区转换时间到UTC
    var date = TimeZoneInfo.ConvertTimeToUtc(clientLocalTime, clientTimeZone);

    // 原有的消息查询逻辑保持不变
    var bannerMessageIds = new HashSet<int>(db.CompanyBanners
        .Where(c => c.CompanyId == PortalUser.Current.CurrentCompanyId)
        .Select(x => x.BannerMessageId));

    List<BannerMessage> bannerMessages = db.BannerMessages
        .Where(p => bannerMessageIds.Contains(p.Id) && (p.StartDate < date && p.EndDate > date))
        .ToList();

    // 构建消息HTML（和你原有的逻辑一致）
    StringBuilder displayMessage = new StringBuilder("<marquee scrolldelay='90' behavior='scroll' scrollamount='1' direction='left'><b><ul>");
    foreach (var message in bannerMessages)
    {
        displayMessage.Append($"<li>{message.Content}</li>");
    }
    displayMessage.Append("</ul></b></marquee>");

    return Json(new { hasMessages = bannerMessages.Any(), bannerHtml = displayMessage.ToString() });
}

// 用于接收请求的模型类
public class TimeZoneRequest
{
    public string TimeZoneId { get; set; }
}

关键注意事项 #

• 时区兼容性：IANA时区ID比Windows专属时区ID更通用，推荐优先使用。如果是.NET Framework项目，记得安装TimeZoneConverter包处理IANA到Windows时区的转换。
• 时间准确性：如果客户端和服务器时间偏差较大，建议让前端同时传递当前本地时间（new Date().toISOString()），后端直接解析这个时间再转换，避免依赖服务器时间。
• 异常处理：必须处理时区ID无效的情况，避免程序崩溃，可选择回退到服务器时区或给用户友好提示。

内容的提问来源于stack exchange，提问作者Jyothish Bhaskaran