Преобразование из UTC Datetime в местное datetime в представлении

Question

Итак, я случайно столкнулся с реальностью того, что Azure работает с временем UTC. Это нормально, за исключением того факта, что я узнал об этом только тогда, когда он был развернут! (Когда он находится в режиме отладки, он просто использует моё время компов, так что это упустили из виду)

Так что мне нужно иметь возможность просто отображать дату и время для пользователя, как там время. Я не против (и предпочитаю) это в UTC. Однако у меня есть много разных мест, где даты появляются в моем приложении, поэтому я задаюсь вопросом, каково быстрое и грязное решение, чтобы все дисплеи отображали местное время. Я думал об использовании шаблона редактора для даты и времени. Это хорошая идея? Что бы я использовал для преобразования?

Answer 1

Вот шаблоны редактора и отображения, которые я придумал, которые позволяют пользователю вводить и отображать время в своем часовом поясе, а также преобразовать его в UTC для отправки.

Требуется атрибут UIHint дляустановите для пользовательского значения «UTCTime» для каждого поля даты и времени UTC модели, как показано ниже, чтобы выбрать правильный шаблон отображения и редактора.DateTimes в моделях без этой аннотации не будут применяться:

    [UIHint("UTCTime")]
    [DataType(DataType.DateTime)]
    public DateTime LastSeen { get; set; }

/ Views / Shared / EditorTemplatesUTCTime.cshtml:

@model DateTime?
@{
    var name = Html.GetFieldNameForModel(); // See the HTML extension at the end of this post

    var boxName = name + ".Value";
    var boxId = name + "_Value";
    var divId = name + "_UTC";
}
@Html.TextBoxFor(m => m.Value, new { type = "datetime", onBlur ="$('#" + name + "').val(UTCDateFuncs.ToUTCDate($('#" + boxId + "').val()));$('#" + divId + "').html('UTC:' + $('#" + name + "').val());$('#" + boxId + "').attr('title','UTC:' + $('#" + name + "').val());" })<span id="@divId"></span>
<script>
    new function () {
        var utcVal = $('#@(boxId)').val();
        $('#@(boxId)').val(UTCDateFuncs.FromUTCDate(utcVal));
        $('#@(boxId)').attr('title', 'converted from UTC ' + utcVal);
    }
</script>
@Html.HiddenFor(m=>m)

\ Views \ Shared \ DisplayTemplates \ UTCTime.cshtml

@model DateTime?
@if(Model.HasValue){<span class="UTCTime">@Model</span>}

Обязательный javascript в шаблоне сайта или где-то еще (но не в шаблоне):

// UTC Date
$(function () {
    $('.UTCTime').each(function () {
        var oldtext = $(this).html();
        var result = UTCDateFuncs.FromUTCDate(oldtext);

        $(this).html(result);
        $(this).attr("title", "Converted from UTC " + oldtext);
    });
});

var UTCDateFuncs = {
    ToUTCDate: function (datetext) {
        try {

            var n = new Date(datetext);
            offsetms = n.getTimezoneOffset() * 60 * 1000;

            n = new Date(n.valueOf() + offsetms);

            result = n.toDateString() + " " + n.toLocaleTimeString();

        }
        catch (ex) {
            console.warn("Error converting time", ex);
        }
        return result;
    },

    FromUTCDate: function (datetext) {
        var result;
        try {

            var n = new Date(datetext);
            offsetms = n.getTimezoneOffset() * 60 * 1000;

            n = new Date(n.valueOf() - offsetms);

            result = n.toDateString() + " " + n.toLocaleTimeString();

        }
        catch (ex) {
            console.warn("Error converting time", ex);
        }
        return result;
    }
};

Также используется это расширение HTML: \ Controllers \ Extensions \ HtmlExtensions.cs

using System;
using System.Web.Mvc;

public static class HtmlExtensions
{

    public static string GetFieldNameForModel<TModel>(this HtmlHelper<TModel> htmlHelper)
    {
        var ti = htmlHelper.ViewData.TemplateInfo;
        var name = ti.HtmlFieldPrefix;
        return name;
    }

}

Это используется исключительно на наших административных страницах, поэтому после текстового поля есть не очень удобный диапазон, показывающий результат преобразования для окна редактора.

Answer 2

Поможет ли вам это ?

Проблема в том, что вы на самом деле не знаете часовой пояс пользователя на сервере.В лучшем случае можно догадаться о своей культуре, но не о часовом поясе.И культура «en-us» может иметь как минимум 4 часовых пояса, если предположить, что пользователь находится в США.

Другой подход заключается в том, чтобы пользователь выбирал / выбирал предпочтительный часовой пояс при работе с вашим сайтом.Затем вы можете сохранить этот выбор в файле cookie или в профиле.Имея часовой пояс пользователя, вы можете конвертировать между часовыми поясами следующим способом:

var localDateTime = TimeZoneInfo.ConvertTimeFromUtc(utcDateTime, timeZone.TimeZoneInfo);

Где вы используете статический метод ConvertTimeFromUtc типа TimeZoneInfo .А также у вас есть экземпляр TimeZoneInfo (в моем случае это свойство моего пользовательского типа), в котором хранится пользовательская настройка TimeZoneInfo .

Возвращение к Решение jQuery - вы можете использовать это, вызывая эту маленькую функцию в document.ready ().Просто имейте в виду, чтобы добавить желаемый класс css в поля отображения времени.

Но в конце, если вы ориентируетесь на посетителей с несколькими часовыми поясами, вы можете попросить их указать предпочитаемый часовой пояс длявыполните преобразование в бэкэнде и явно покажите, что время указано в UTC для пользователей, которые не выбрали предпочтительный часовой пояс.