TextBoxFor ()의 날짜 만

TextBoxFor <,> (expression, htmlAttributes)를 사용하여 DateTime의 유일한 날짜 부분을 텍스트 상자에 표시하는 데 문제가 있습니다.

이 모델은 Linq2SQL을 기반으로하며 필드는 SQL 및 엔터티 모델의 DateTime입니다.

실패한:

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

이 트릭은 감가 상각되는 것 같습니다. htmlAttribute 객체의 문자열 값은 무시됩니다.

실패한:

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

"00:00:00"부분없이 세부 정보 / 편집보기에서 날짜 부분 만 저장하고 표시하고 싶습니다.

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

그때:

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

MVC4 는 TextBoxFor문자열 형식 매개 변수를 사용 하는 새 과부하 를 추가하여이 문제를 해결했습니다 . 이제 간단하게이 작업을 수행 할 수 있습니다.

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

html 속성을 사용하는 과부하가 있으므로 CSS 클래스를 설정하고 날짜 선택기를 연결하는 등을 할 수 있습니다.

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

또는 형식화되지 않은 도우미를 사용하십시오.

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

이것은 나를 위해 일했습니다.

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

원시 HTML 사용을 두려워하지 마십시오.

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

TL; DR;

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

신청하는 [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]것이 효과가 없었습니다!

설명:

사용하여 모델의 날짜 속성을 표시하기 위해 Html.TextBoxFor:

모델 클래스의 날짜 속성 :

public DateTime DOB { get; set; }

모델 측에는 다른 것이 필요하지 않습니다.

면도기에서는 다음을 수행합니다.

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

설명:

input유형 의 html 요소 날짜는 ISO8601 과 date관련하여 형식화되어야합니다 .yyyy-MM-dd

표시된 날짜는 사용자 브라우저의 로캘을 기반으로 형식화되지만 구문 분석 된 값은 항상 yyyy-mm-dd 형식입니다.

내 경험은 언어가 Accept-Language헤더가 아니라 브라우저 표시 언어 또는 OS 시스템 언어에 의해 결정된다는 것 입니다.

이 데이터 주석을 적용하여 HTML 5 속성을 사용할 수도 있습니다.

[DataType(DataType.Date)]

그러나 문제는 HTML 5 브라우저에서 브라우저 별 날짜 선택기를 사용할 수 있다는 것입니다. 지원하지 않는 브라우저에는 여전히 자신의 날짜 선택기가 필요합니다. 그런 다음 브라우저뿐만 아니라 날짜 선택기가 표시되지 않도록해야합니다 (Modernizr가 쉽게 수행 할 수 있음). 그렇다면 브라우저를 숨기십시오 (복잡하고 내가 본 믿을만한 방법이 무엇인지 모르겠다).

결국 현재 환경에 Modernizr이 없기 때문에 Alex와 함께 갔지만 브라우저가 이미 지원하지 않는 경우 데이터 선택기를 조건부로만 표시하는 데 사용했을 것입니다.

나를 위해 입력 유형을 날짜로 변경 TextboxFor()하기 때문에 를 유지해야했습니다 EditorFor(). Chrome에서 내장 날짜 선택기를 추가하여 이미 사용중인 jQuery 날짜 선택기를 망쳤습니다. 따라서 TextboxFor()AND 를 계속 사용 하여 날짜 만 출력하려면 다음을 수행하십시오.

<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 특성이 두 가지 형식으로 작동하지 않았습니다. 대신 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" }) %>

템플릿 편집기는 표시 목적으로 만 작동합니다. 동일한 편집기 (편집기로 인해 의미가 있음)를 사용하고 31/01/2010과 같은 값을 제공 한 경우 형식이 유효하지 않다는 오류 메시지가 표시됩니다.

나는 Globalize를 사용하므로 많은 날짜 형식으로 작업하므로 다음을 사용하십시오.

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

이렇게하면 날짜 형식이 브라우저의 로캘 설정으로 자동 조정됩니다.

전시는 문화에 달려 있습니다. 그리고 대부분의 경우 다른 모든 답변은 정확하지만 나에게는 효과가 없었습니다. 문화 문제는 또한 jQuery 날짜 선택기 (연결된 경우)에 다른 문제를 일으킬 수 있습니다.

/다음과 같은 방식으로 형식을 강제 종료 하려면 다음을 수행하십시오.

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

나를 위해 탈출하지 않으면 그것은 08-01-2010예상 대 보여08/01/2010 .

또한 이스케이프되지 않으면 jQuery datepicker는 다른 defaultDate를 선택합니다 May 10, 2012. 제 경우에는이었습니다 .

부트 스트랩 날짜 선택기를 사용하는 경우 아래와 같이 data_date_format 속성을 추가 할 수 있습니다.

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

// datePicker에 datimetime이 2011 년 11 월 24 일 오전 12시 00 분에 표시됩니다.

// 공백으로 나누고 값만 날짜로 설정할 수 있습니다.

스크립트:

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

마크 업 :

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

이것이 도움이되기를 바랍니다 ..

물론 Html.EditorFor를 사용할 수 있습니다. 그러나 TextBoxFor를 사용하고 DisplayFormat 속성의 형식을 사용하려면 다음과 같이 사용할 수 있습니다.

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

또는 다음 확장명을 작성하십시오.

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

모델 옆에 추가하십시오.

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

ASP.NET Core에서 태그 도우미를 사용하는 경우 형식을 ISO 형식으로 지정해야합니다. 그렇게 지정하지 않으면 바운드 입력 데이터가 제대로 표시되지 않고 값없이 mm / dd / yyyy로 표시됩니다.

모델:

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

전망:

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

asp-format 속성을 사용하여보기에서 형식을 지정할 수도 있습니다.

결과 HTML은 다음과 같습니다.

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

아래 코드를 사용하여 HH : mm 형식으로 시간을 인쇄 할 수 있습니다 . 제 경우에는 속성 유형이 TimeSpan 이므로 값은 HH : mm : tt 형식 으로 표시되지만 위의 형식으로 표시해야합니다. HH : mm

따라서이 코드를 사용할 수 있습니다 :

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

를 사용 [DisplayFormat]하지만 MVC4를 사용하지 않는 경우 다음을 사용할 수 있습니다.

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