Razor kullanarak DateTime formatını dönüştürme

Aşağıdakilerin nesi yanlış?

@Convert.ToDateTime((@item.Date.ToShortDateString())," dd - M - yy")

@ item.Date 20/11/2005 00:00 gösteriyor ve 20 Kasım 2011'i görüntülemek istiyorum

Deneyin:

@item.Date.ToString("dd MMM yyyy")

veya [DisplayFormat]özelliği görünüm modelinizde kullanabilirsiniz:

[DisplayFormat(DataFormatString = "{0:dd MMM yyyy}")]
public DateTime Date { get; set }

ve size göre basitçe:

@Html.DisplayFor(x => x.Date)

Bu çözüm:

@item.Published.Value.ToString("dd. MM. yyyy")

ToString () Değerini kullanmadan önce .

Bunu MVC 4.0'da deneyin

@Html.TextBoxFor(m => m.YourDate, "{0:dd/MM/yyyy}", new { @class = "datefield form-control", @placeholder = "Enter start date..." })

[DisplayFormat] niteliği yalnızca EditorFor / DisplayFor'da kullanılır ve TextBoxFor gibi ham HTML API'leri tarafından kullanılmaz. Aşağıdakileri yaparak çalıştırdım,

Model:

[Display(Name = "When was that document issued ?")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:d}")]
public DateTime? LiquorLicenceDocumentIssueDate { get; set; }

Görünüm:

        <div id="IsLiquorLicenceDocumentOnPremisesYes" class="groupLongLabel">
            @Html.LabelFor(m => m.LiquorLicenceDocumentIssueDate)
            <span class="indicator"></span>
            @Html.EditorFor(m => m.LiquorLicenceDocumentIssueDate)
            <span id="validEmail"></span>
            <br />
            @Html.ValidationMessageFor(m => m.LiquorLicenceDocumentIssueDate)
        </div>

Çıktı: 30/12/2011

İlgili bağlantı:

http://msdn.microsoft.com/en-us/library/system.componentmodel.dataannotations.displayformatattribute.applyformatineditmode.aspx

Aşağıdaki kod size yardımcı olacaktır

@Html.Label(@item.Date.Value.ToString("dd - M - yy"))

Razor için DateTime.cshtml dosyasını Views / Shared / EditorTemplates klasörüne koyun. DateTime.cshtml iki satır içerir ve tarihi 11.09.2001 olarak biçimlendirilmiş bir Metin Kutusu oluşturur.

@model DateTime?
@Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "datePicker" })

Genel olarak, yazılı aydan MMM, 4 basamaklı yıl yyyy olarak öncelenir, bu nedenle biçim dizeniz "gg MMM yyyy" gibi görünmelidir

DateTime.ToString("dd MMM yyyy")

Yukarıdaki önerilere dayanarak bunu tamamen çalıştırmayı başaramadım. DataTypeAttribute dahil olmak [DataType(DataType.Date)]sorunumu çözmüş gibiydi, bakınız:

Modeli

[Required]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:d}", ApplyFormatInEditMode = true)]
public DateTime RptDate { get; set; }

Görünüm

@Html.EditorFor(m => m.CLPosts.RptDate)

HTH

Verilen tüm çözüm için, bunu modern bir tarayıcıda (FF gibi) denediğinizde ve doğru modeli belirlediğinizde

// Model
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
public DateTime Start { get; set; }

// View
<div class="form-group">
    @Html.LabelFor(model => model.Start, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Start, "{0:dd-MM-yyyy}", new { htmlAttributes = new { @class = "form-control"} })
    </div>
</div>

mvc (5) wil render ( giriş türü , modelinizdeki tarih ayarlarınıza göre tarihe ayarlanır !)

<div class="col-md-10">
<input class="form-control text-box single-line" data-val="true" data-val-date="The field Start must be a date." data-val-required="The Start field is required." id="Start" name="Start" value="01-05-2018" type="date">
        <span class="field-validation-valid text-danger" data-valmsg-for="Start" data-valmsg-replace="true"></span>
</div>

Ve tarayıcı gösterecek

Bunu düzeltmek, değiştirmek gerekmez için türünü için metnin yerine tarihinden (bu özel takvim kullanmak istiyorsanız da varsa)

@Html.EditorFor(model => model.Start, "{0:dd-MM-yyyy}", new { htmlAttributes = new { @class = "form-control", @type = "text" } })