2012-05-09 82 views
0

我有這樣的創建視圖,它生成的代碼....編輯視圖的數據庫,第一個模型在ASP MVC3

 <div class="editor-label"> 
      @Html.LabelFor(model => model.EmployeeId, "Employee") 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("EmployeeId", String.Empty) 
      @Html.ValidationMessageFor(model => model.EmployeeId) 
     </div> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.Date,"Date") 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Date) 
      @Html.ValidationMessageFor(model => model.Date) 
     </div> 

一旦運行,它會自動創建文本框,用於輸入...我不能做的就是給力日期的文本框,成爲一個datepicker ...

我能做到這一點簡單的輸入,

<input class="datepicker"> 

我已經爲日期選擇器的腳本..我只需要做dat的輸入類E要被也日期選擇器...(我看不到在所生成的代碼,其中i可以添加類=「日期選擇器」的輸入)

+0

使日期div的分類等於「datepicker」只會導致日期文本框下的即時可見日曆,並且它不會將選定日期傳遞給文本框 –

回答

0

您可以在datepicker類添加到包含div:

<div class="editor-field datepicker"> 
    @Html.EditorFor(model => model.Date) 
    @Html.ValidationMessageFor(model => model.Date) 
</div> 

$('.datepicker, .datepicker input[type="text"]').datepicker(); 

另一種可能性是使用custom metadata provider瓦特:所以它適用日期選取器要麼與類datepicker或一些元素中包含與此類輸入元素輸入元素

,然後簡單地適應你的jQuery選擇它允許您將其他HTML屬性(如css類)應用於使用EditorFor幫助程序生成的輸入字段。你所要做的就是用自定義屬性裝飾你的視圖模型屬性。

+0

日期文本框下面已經有兩個日曆,一個永久的,另一個是正常的,只有當你點擊文本框 –

+0

時纔會顯示問題是什麼?你所要做的就是調整你的jQuery選擇器,以便將插件附加到適當的元素上。 –

相關問題