2013-03-26 121 views
0

我使用MVC4開發Intranet網絡應用程序。當我嘗試創建一個新的時,我必須選擇一個開始日期。爲了做到這一點,我使用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 '這些屬性。這將使您的代碼保持乾爽。 – 2014-05-06 09:40:27

回答

1

你應該爲模型屬性添加屬性

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