2017-06-22 1 views
0
Blick zu verankern

ich Code unten bin mit Anker-Tagwie Datumsformat anzuwenden Tag auf

@if (Model.History != null && Model.History.Count > 0) 
{ 
    foreach (var item in Model.History) 
    { 
     <a href="@Url.Action("Process", new {item.Id})" class="list-group-item">@item.Id - @item.Name - @item.CreatedOn</a> 
    } 
} 
else 
{ 
    <a href="#" class="list-group-item">No Previous History Found</a> 
} 

Ich möchte gelten Datumsformat als 27. Juni 2017 09.46 bis @ item.CreatedOn

erstellen

Ich möchte moment.js auch für die Ortszeit verwenden.

Jemand bitte helfen Sie mir.

+0

'@ item.CreatedOn.ToString (Ihr format) 'oder fügen Sie Ihrer Eigenschaft ein' DisplayFormat' hinzu und verwenden 'DisplayFor (m => m.CreatedOn)' –

+0

@Rocky hast du das Problem gelöst? – hasan

Antwort

0

Das Format Sie suchen ist: MMMM dd, yyyy hh: mm tt

In Ihrem Beispiel nur schreiben:

@item.CreatedOn.ToString("MMMM dd, yyyy hh:mm tt") 

Das Ergebnis für heute sein wird: Juni 22, 2017 02:40 PM

+0

wird es funktionieren, aber ich möchte moment.js für das Datum Uhrzeitformat verwenden, mit dem ich den Tag in Ortszeit ändern kann, weil ich in der Datenbank das Datum als UTC speichere – Rocky

0

Sie können ToString("u", System.Globalization.CultureInfo.InvariantCulture) verwenden, um Ihr Datum mit moment.js wie folgt zu formatieren. "u" entspricht einem der Formatspezifizertypen. Wenn Sie einen Moment aus einer Zeichenfolge erstellen, sollten Sie prüfen, ob die Zeichenfolge mit den bekannten ISO 8601-Formaten übereinstimmt.

.Net Formatspezifizierer Referenz: https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings#Sortable

.Moment Format Referenz: http://momentjs.com/docs/#/displaying/format/

foreach (var item in Model.History) 
{ 
    @*displays like 2008-04-10 13:30:00Z*@ 
    <a data-utc="@item.startDate.ToString("s", System.Globalization.CultureInfo.InvariantCulture)" 
     href="@Url.Action("Process", new {item.Id})" 
     class="list-group-item">@item.Id - @item.Name - @item.CreatedOn</a> 
} 

jquery mit moment.js

<script type="text/javascript"> 
    $(function() { 
     $('[data-utc]').each(function() { 
      var d = moment($(this).attr('data-utc')); 
      $(this).html(d.format()); 
     }); 
    }); 
</script> 
Verwandte Themen