Yalnızca TextBoxFor () konumundan tarih

TextBoxFor <,> (ifade, htmlAttributes) kullanarak bir metin kutusuna bir DateTime yalnızca tarih bölümünü görüntülemekte sorun yaşıyorum.

Model Linq2SQL tabanlı, alan SQL ve Entity modelinde bir DateTime.

Başarısız oldu:

<%= Html.TextBoxFor(model => model.dtArrivalDate, String.Format("{0:dd/MM/yyyy}", Model.dtArrivalDate))%>

Bu hile amortismana uğramış gibi görünüyor, htmlAttribute nesnesindeki herhangi bir dize değeri yok sayılıyor.

Başarısız oldu:

[DisplayFormat( DataFormatString = "{0:dd/MM/yyyy}" )]
public string dtArrivalDate { get; set; }

Ayrıntılar / düzenleme görünümünde yalnızca tarih bölümünü "00:00:00" bölümü olmadan depolamak ve görüntülemek istiyorum.

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

Sonra:

<%=Html.EditorFor(m => m.StartDate) %>

MVC4 , TextBoxFordize biçimi parametresi alan yeni bir aşırı yük ekleyerek bu sorunu çözdü . Şimdi bunu kolayca yapabilirsiniz:

@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}")

Ayrıca, html özniteliklerini alan bir aşırı yük var, böylece CSS sınıfını ayarlayabilir, tarih belirleyicileri vb. Ayarlayabilirsiniz:

@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}", new { @class="input-large" })

<%= Html.TextBoxFor(model => model.EndDate, new { @class = "jquery_datepicker", @Value = Model.EndDate.ToString("dd.MM.yyyy") })%>

Veya türlenmemiş yardımcıları kullanın:

<%= Html.TextBox("StartDate", string.Format("{0:d}", Model.StartDate)) %>

Bu benim için çalıştı.

@Html.TextBoxFor(m => m.DateOfBirth, "{0:MM/dd/yyyy}", new { size = "12", @class = "DOB", tabindex = 121 })

Ham HTML kullanmaktan korkmayın.

<input type="text" value="<%= Html.Encode(Model.SomeDate.ToShortDateString()) %>" />

TL; DR;

@Html.TextBoxFor(m => m.DOB,"{0:yyyy-MM-dd}", new { type = "date")

Başvuru [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]benim için işe yaramadı!

Açıklama:

Modelinizin bir date özelliğini görüntülemek için Html.TextBoxFor:

Model sınıfınızın date özelliği:

public DateTime DOB { get; set; }

Model tarafında başka bir şeye gerek yoktur.

Razor'da şunları yaparsınız:

@Html.TextBoxFor(m => m.DOB,"{0:yyyy-MM-dd}", new { type = "date")

Açıklama:

Bir html tarihi inputtip unsuru dateaçısından biçimlendirilmiş olması gerekir ISO8601 olduğunu:yyyy-MM-dd

Görüntülenen tarih, kullanıcının tarayıcısının yerel ayarına göre biçimlendirilir, ancak ayrıştırılan değer her zaman yyyy-aa-gg olarak biçimlendirilir.

Deneyimlerim, dilin Accept-Languagebaşlık tarafından değil, tarayıcı görüntüleme dili veya işletim sistemi sistem dili tarafından belirlenmesidir.

Bu veri ek açıklamasını uygulayarak HTML 5 özelliklerini de kullanabilirsiniz:

[DataType(DataType.Date)]

Ancak sorun HTML 5 tarayıcıları için tarayıcıya özel bir tarih seçiciyi etkinleştirmektir. Hala desteksiz tarayıcılar için kendi tarih seçicinize ihtiyacınız var ve ardından tarih seçicinizin bir tarayıcıya ek olarak görünmediğinden emin olmalısınız (Modernizr bunu kolayca yapabilir) veya varsa tarayıcını gizleyin (karmaşık ve ben gördüğüm yöntemlerin ne kadar güvenilir olduğunu bilmiyorum).

Sonunda Alex'le gittim çünkü mevcut ortamım Modernizr'e sahip değildi, ama eğer olsaydı, bunu koşullu olarak sadece tarayıcı zaten desteklemiyorsa veri seçicimi göstermek için kullanırdım.

Benim için saklamam gerekiyordu TextboxFor()çünkü kullanım EditorFor()girdi tipini bugüne kadar değiştiriyor. Chrome'da, zaten kullanmakta olduğum jQuery tarih seçiciyi bozan yerleşik bir tarih seçici ekler. Bu nedenle, TextboxFor()VE işlevini yalnızca tarih çıktısını almaya devam etmek için şunları yapabilirsiniz:

<tr>
    <td class="Label">@Html.LabelFor(model => model.DeliveryDate)</td>
    @{
        string deliveryDate = Model.DeliveryDate.ToShortDateString();
    }
    <td>@Html.TextBoxFor(model => model.DeliveryDate, new { @Value = deliveryDate }) *</td>
    <td style="color: red;">@Html.ValidationMessageFor(model => model.DeliveryDate)</td>
</tr>

DisplayFormat özniteliği ilk yükleme sırasında her iki biçimde de çalışmadı. Bunun yerine bir EditorTemplate oluşturdum:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>
<%@ Import Namespace="System.Web.Mvc.Html" %>
<%=
    Html.TextBox("", Model.ToShortDateString(), new { @class = "date-range" }) %>

Şablon Düzenleyici yalnızca görüntüleme amacıyla çalışır. Aynı düzenleyiciyi kullanırsanız (bu bir düzenleyici olduğu için anlamlıdır) ve 31/01/2010 gibi bir değer sağladıysanız - biçimin geçersiz olduğunu belirten bir hata iletisi alırsınız.

Globalize kullanıyorum, bu yüzden birçok tarih formatıyla çalışıyorum, bu yüzden aşağıdakileri kullanın:

@Html.TextBoxFor(m => m.DateOfBirth, "{0:d}")

Bu, tarih biçimini otomatik olarak tarayıcının yerel ayarlarına göre ayarlar.

Ekranın kültüre bağlı olacağını unutmayın. Ve çoğu durumda diğer tüm cevaplar doğru olsa da, benim için işe yaramadı. Kültür sorunu ayrıca eklenirse jQuery tarih seçici ile farklı sorunlara neden olacaktır.

Biçim çıkışını /aşağıdaki şekilde zorlamak istiyorsanız :

@Html.TextBoxFor(model => model.dtArrivalDate, "{0:MM\\/dd\\/yyyy}")

Benim için 08-01-2010kaçmazsa, beklenen ile karşılaştırıldığında gösterir 08/01/2010.

Ayrıca kaçmazsa jQuery tarih seçici farklı defaultDate seçecektir, benim durumumda oldu May 10, 2012.

Bootstrap tarih seçici kullanıyorsanız, aşağıdaki gibi data_date_format niteliğini ekleyebilirsiniz .

      @Html.TextBoxFor(m => m.StartDate, new { 
@id = "your-id", @class = "datepicker form-control input-datepicker", placeholder = "dd/mm/yyyy", data_date_format = "dd/mm/yyyy" 
})

// tarihte datimetime görüntüleniyorSeçici 11/24/2011 12:00:00 AM

// bunu boşluğa bölebilir ve değeri yalnızca tarihe ayarlayabilirsiniz

Senaryo:

    if ($("#StartDate").val() != '') {
        var arrDate = $('#StartDate').val().split(" ");
        $('#StartDate').val(arrDate[0]);
    }

İşaretleme:

    <div class="editor-field">
        @Html.LabelFor(model => model.StartDate, "Start Date")
        @Html.TextBoxFor(model => model.StartDate, new { @class = "date-picker-needed" })
    </div>

Umarım bu yardımcı olur ..

Tabii Html.EditorFor kullanabilirsiniz. Ancak TextBoxFor ve DisplayFormat özniteliğindeki biçimi kullanmak istiyorsanız, bunu şu şekilde kullanabilirsiniz:

@Html.TextBoxFor(model => model.dtArrivalDate, ModelMetadata.FromLambdaExpression(model => model.dtArrivalDate, ViewData).EditFormatString)

veya bir sonraki uzantı oluştur:

public static class HtmlExtensions
{
    public static MvcHtmlString TextBoxWithFormatFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes)
    {
        return htmlHelper.TextBoxFor(expression, ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData).EditFormatString, htmlAttributes);
    }
}

Sadece modelinizin yanına ekleyin.

[DataType(DataType.Date)]
public string dtArrivalDate { get; set; }

ASP.NET Core'da etiket yardımcılarını kullanırken, biçimin ISO biçiminde belirtilmesi gerekir. Bu şekilde belirtilmezse, bağlı giriş verileri düzgün görüntülenmez ve hiçbir değeri olmayan mm / gg / yyyy olarak gösterilir.

Model:

[Display(Name = "Hire")]
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime? HireDate { get; set; }

Görünüm:

<input asp-for="Entity.HireDate" class="form-control" />

Biçim, asp biçimi özniteliği kullanılarak görünümde de belirtilebilir.

Ortaya çıkan HTML aşağıdaki gibi görünecektir:

<input class="form-control" type="date" id="Entity_HireDate" 
    name="Entity.HireDate" value="2012-01-01">

HH: mm formatında zamanı yazdırmak için aşağıdaki kodu kullanabilirsiniz , Benim durumumda Özellik türü TimeSpan Yani değer HH: mm: tt formatında geliyor, ancak yukarıdaki formatta göstermeliyim yani. SS: dd

Böylece bu kodu kullanabilirsiniz:

@Html.TextBoxFor(x =>x.mTimeFrom, null, new {@Value =Model.mTimeFrom.ToString().Substring(0,5), @class = "form-control success" })

Eğer kullanmakta ısrar ediyorsanız [DisplayFormat], ancak MVC4 kullanmıyorsanız, bunu kullanabilirsiniz:

@Html.TextBoxFor(m => m.EndDate, new { Value = @Html.DisplayFor(m=>m.EndDate), @class="datepicker" })