Tanggal hanya dari TextBoxFor ()

Saya mengalami masalah saat menampilkan satu-satunya bagian tanggal dari DateTime ke dalam kotak teks menggunakan TextBoxFor <,> (ekspresi, htmlAttributes).

Model ini didasarkan pada Linq2SQL, bidang adalah DateTime pada SQL dan dalam model Entity.

Gagal:

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

Trik ini tampaknya didepresiasi, nilai string apa pun di objek htmlAttribute diabaikan.

Gagal:

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

Saya ingin menyimpan dan hanya menampilkan bagian tanggal pada tampilan detail / edit, tanpa bagian "00:00:00".

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

Kemudian:

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

MVC4 telah memecahkan masalah ini dengan menambahkan TextBoxForkelebihan baru , yang mengambil parameter format string. Anda sekarang dapat melakukan ini:

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

Ada juga kelebihan yang membutuhkan atribut html, sehingga Anda dapat mengatur kelas CSS, memasang datepickers, dll:

@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") })%>

Atau gunakan pembantu yang tidak diketik:

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

Ini berhasil untuk saya.

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

Jangan takut menggunakan HTML mentah.

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

TL; DR;

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

Melamar [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]tidak berhasil bagi saya!

Penjelasan:

Untuk menampilkan properti tanggal model Anda menggunakan Html.TextBoxFor :

Properti tanggal dari kelas model Anda:

public DateTime DOB { get; set; }

Tidak ada hal lain yang diperlukan di sisi model.

Di Razor Anda melakukannya:

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

Penjelasan:

Tanggal inputelemen jenis html dateharus diformat sehubungan dengan ISO8601 , yaitu:yyyy-MM-dd

Tanggal yang ditampilkan diformat berdasarkan pada lokal browser pengguna, tetapi nilai yang diurai selalu diformat yyyy-mm-dd.

Pengalaman saya adalah, bahwa bahasa tidak ditentukan oleh Accept-Languageheader, tetapi oleh bahasa tampilan browser atau bahasa sistem OS.

Anda juga dapat menggunakan atribut HTML 5 dengan menerapkan anotasi data ini:

[DataType(DataType.Date)]

Tetapi masalahnya adalah ini memungkinkan pemilih tanggal khusus browser untuk browser HTML 5. Anda masih memerlukan pemilih tanggal sendiri untuk peramban tanpa dukungan, dan kemudian Anda harus memastikan pemilih tanggal Anda tidak muncul selain dari peramban (Modernizr dapat melakukan ini dengan mudah), atau menyembunyikan peramban itu jika ada (rumit dan saya tidak tahu bagaimana metode yang andal yang saya lihat).

Pada akhirnya saya pergi dengan Alex karena lingkungan saya saat ini tidak memiliki Modernizr, tetapi jika itu terjadi, saya akan menggunakannya untuk secara kondisional hanya menampilkan pemilih data saya jika browser belum mendukung yang sudah.

Bagi saya, saya perlu menyimpannya TextboxFor()karena menggunakan EditorFor()mengubah tipe input hingga saat ini. Yang, di Chrome, menambahkan pemilih tanggal bawaan, yang mengacaukan datepicker jQuery yang sudah saya gunakan. Jadi, untuk terus menggunakan TextboxFor()DAN hanya menampilkan tanggal, Anda dapat melakukan ini:

<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>

Atribut DisplayFormat tidak berfungsi untuk saya dalam bentuk apa pun setelah memuat awal. Saya malah membuat EditorTemplate:

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

Editor Template hanya akan berfungsi untuk tujuan tampilan. Jika Anda menggunakan editor yang sama (yang masuk akal karena merupakan editor) dan Anda memberikan nilai seperti 31/01/2010 - Anda akan mendapatkan pesan kesalahan yang mengatakan bahwa formatnya tidak valid.

Saya menggunakan Globalize sehingga berfungsi dengan banyak format tanggal jadi gunakan yang berikut ini:

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

Ini akan secara otomatis menyesuaikan format tanggal ke pengaturan lokal browser.

Perlu diingat bahwa tampilan akan tergantung pada budaya. Dan sementara dalam kebanyakan kasus semua jawaban lain benar, itu tidak berhasil untuk saya. Masalah budaya juga akan menyebabkan masalah yang berbeda dengan datepicker jQuery, jika terpasang.

Jika Anda ingin memaksa pelarian format /dengan cara berikut:

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

Jika tidak lolos untuk saya, itu menunjukkan 08-01-2010vs. diharapkan 08/01/2010.

Juga jika tidak melarikan diri datepicker jQuery akan memilih defaultDate yang berbeda, dalam contoh saya itu May 10, 2012.

Jika Anda menggunakan pemilih tanggal Bootstrap, maka Anda bisa menambahkan atribut data_date_format seperti di bawah ini.

      @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" 
})

// tampilan datimetime di datePicker adalah 11/24/2011 12:00:00 AM

// Anda dapat membaginya dengan ruang dan menetapkan nilai hanya tanggal

Naskah:

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

Markup:

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

Semoga ini bisa membantu ..

Tentu Anda bisa menggunakan Html.EditorFor. Tetapi jika Anda ingin menggunakan TextBoxFor dan menggunakan format dari atribut DisplayFormat Anda dapat menggunakannya dengan cara ini:

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

atau buat ekstensi berikutnya:

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);
    }
}

Cukup tambahkan di sebelah model Anda.

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

Saat menggunakan tag helper di ASP.NET Core, format perlu ditentukan dalam format ISO. Jika tidak ditentukan, data input terikat tidak akan ditampilkan dengan benar dan akan ditampilkan sebagai mm / hh / tttt tanpa nilai.

Model:

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

Melihat:

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

Format juga dapat ditentukan dalam tampilan menggunakan atribut asp-format.

HTML yang dihasilkan akan terlihat sebagai berikut:

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

Anda dapat menggunakan kode di bawah ini untuk mencetak waktu dalam format HH: mm , Dalam kasus saya Jenis properti adalah TimeSpan Jadi nilainya datang dalam format HH: mm: tt tetapi saya harus menunjukkan dalam format di atas yaitu. HH: mm

Jadi, Anda dapat menggunakan kode ini:

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

Jika Anda bersikeras menggunakan [DisplayFormat], tetapi Anda tidak menggunakan MVC4, Anda dapat menggunakan ini:

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