2014-10-03 55 views
1

我嘗試我的窗體上添加日期選擇器:日期選取器失去風格

<div class="form-group"> 
     @Html.LabelFor(m => m.DateTo, new { @class = "col-md-4 control-label" }) 
     <div class="col-md-4"> 
      @Html.TextBoxFor(m => m.DateTo, new { @class = "form-control datepicker", @placeholder = "End Date"}) 
     </div> 
    </div> 

我安裝jQuery的UI和init日期選擇爲:$('.datepicker').datepicker();

至於結果,我得到這樣的:

enter image description here

問題在哪裏?

+0

您是否包含jquery ui css文件? – slicedtoad 2014-10-03 13:04:55

+0

包括jquery-ui-css文件嗎? – Fahad 2014-10-03 13:05:06

+0

請憐憫我們,提供您的jsFiddle,我無法在您的PC中看到您的代碼! :( – 2014-10-03 13:05:19

回答

2

添加到您的頭部標記:

請仔細閱讀文檔和使用插件,然後再實施以節省時間。

數據選擇器和其他插件

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

樣式都寫在這個文件中。