2013-03-26 4 views
0

Я использую MVC4 для разработки веб-приложения для интрасети. Когда я пытаюсь создать новый человек, я должен выбрать стартовой дате. Для этого я применил datepicker с скриптом jQuery. У меня была проблема с культурой и десятичными числами, но, к счастью, с помощью я смог ее исправить. Принятый формат даты - формат yyyy/mm/dd, но я хочу сделать это dd/mm/yyyy. Является ли это возможным? Я попытался изменить формат, включить теги, ... Без эффекта.MVC4 Неверный формат даты

Создать Вид:

@model BuSIMaterial.Models.Person 
@{ 
    ViewBag.Title = "Create"; 
} 

<h2>Create</h2> 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>Person</legend> 

     <div class="editor-label"> 
      First name : 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.FirstName, new { maxlength = 50 }) 
      @Html.ValidationMessageFor(model => model.FirstName) 
     </div> 

     <div class="editor-label"> 
      Last name : 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.LastName, new { maxlength = 50 }) 
      @Html.ValidationMessageFor(model => model.LastName) 
     </div> 

     <div class="editor-label"> 
      National number : 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.NumNat, new { maxlength = 11 }) 
      @Html.ValidationMessageFor(model => model.NumNat) 
     </div> 

     <div class="editor-label"> 
      Start date : 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.StartDate, new {@class = "datepicker" }) 
      @Html.ValidationMessageFor(model => model.StartDate) 
     </div> 

     <div class="editor-label"> 
      End date : 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.EndDate, new { @class = "datepicker" }) 
      @Html.ValidationMessageFor(model => model.EndDate) 
     </div> 

     <div class="editor-label"> 
      Distance House - Work (km) : 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.HouseToWorkKilometers) 
      @Html.ValidationMessageFor(model => model.HouseToWorkKilometers) 
     </div> 

     <div class="editor-label"> 
      Category : 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("Id_ProductPackageCategory", "Choose one ...") 
      @Html.ValidationMessageFor(model => model.Id_ProductPackageCategory) <a href = "../ProductPackageCategory/Create">Add a new category?</a> 
     </div> 

     <div class="editor-label"> 
      Upgrade? : 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Upgrade) 
      @Html.ValidationMessageFor(model => model.Upgrade) 
     </div> 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
    @Scripts.Render("~/bundles/jqueryui") 
    @Styles.Render("~/Content/themes/base/css") 
} 

JQuery сборщика и глобализации культуры:

$(document).ready(function() { 
    $(".datepicker").datepicker({ 
         changeMonth: true, 
         changeYear: true, 
     dateFormat: 'dd/mm/yy' 

    }); 
}); 

$.validator.methods.number = function (value, element) { 
    return this.optional(element) || 
       !isNaN(Globalize.parseFloat(value)); 
} 
$(document).ready(function() { 
    Globalize.culture('fr-FR'); 
}); 

jQuery.extend(jQuery.validator.methods, { 
    range: function (value, element, param) { 
     //Use the Globalization plugin to parse the value   
     var val = $.global.parseFloat(value); 
     return this.optional(element) || (
        val >= param[0] && val <= param[1]); 
    } 
}); 

Спасибо большое.

+0

Вы можете написать этот код в шаблон редактора для 'DateTime' свойств типа, а затем просто использовать' Html.EditorFor' вместо 'Html.TextBoxFor 'для этих свойств. Это сохранит ваш код DRY. –

ответ

1

Вы должны добавить атрибут для модели собственности

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")] 
public DateTime StartDate { get; set; } 
Смежные вопросы