引導日期時間選擇器asp.NET MVC

我使用這個功能引導日期時間選擇器asp.NET MVC

<script src="~/Scripts/jquery.datetimepicker.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('.datetimepicker').datetimepicker({}); 
     }); 
    </script>

而這種代碼來顯示日期時間：

@Html.EditorFor(model => model.SomeNameDateTimeFormat, new { htmlAttributes = new { @class = "form-control input-sm datetimepicker"} })

然而，CSS是不工作的，它呈現日曆作爲一個接一個的項目在頁面的一側。

如何以及應該在哪裏包含css？

最後我想輸出像「dd-MM-yyyy HH：mm」 p.s. HH：mm可以是DateTime.Now。

來源

2015-02-24 KOmrAD

這是什麼datetimepicker？ – 2015-02-24 10:49:45

它是bootstrap-datetimepicker – KOmrAD 2015-02-24 10:54:59

然後，你應該編輯你的答案，使之清楚（有多個datetimepickers - 但你包含的腳本建議它的[xdsoft datetime選擇器]（http://xdsoft.net/jqplugins/datetimepicker/ ）） – 2015-02-24 11:01:19

我最終使用xdsoft datetimepicker作爲@StephenMuecke建議。這是與一切目的的外觀極好教程xdsoft datetimepickler報價：

http://xdsoft.net/jqplugins/datetimepicker/

我有困難，因爲我包含在我的佈局和我_create PartialView jQuery的腳本，因此，如果您使用的局部視圖，是小心。

來源

2015-02-27 10:02:08 KOmrAD

您可以更改日期時間格式，按您的需要：

$('.datetimepicker').datepicker({ dateFormat: 'dd-mm-yy' })

來源

2015-02-24 10:46:40

試過，並完美的作品，但我也需要輸出時間 - > dd-MM-yyyy HH：mm。 – KOmrAD 2015-02-24 10:48:32

你應該使用dateTime選擇器。 jquery datepicker的格式與c＃格式不同。例如mm ='02'＆MM ='february'。找到datetimepicker在http://xdsoft.net/jqplugins/datetimepicker/ – Ajay 2015-02-24 10:53:40

@Ajay，最後我結束了使用xdsoft-datetimepicker，但StephenMuecke首先提出了它。所以如果他把它作爲答案發布，我會接受他的，如果他不這樣做，你可以發表你的建議作爲答案，我會接受你的答案。無論如何，非常感謝幫助我。 – KOmrAD 2015-02-24 13:01:22

使用textboxFor代替editorFor。

@Html.TextBoxFor(model => model.SomeNameDateTimeFormat,"{0:dd-MM-yyyy HH:mm}", new { htmlAttributes = new { @class = "form-control input-sm datetimepicker"} })<br>

如果您在多個頁面/使用它的頁面上使用它，還要在佈局上包含css。正常樣式標籤（<link rel="stylesheet" type="text/css" href="theme.css">）應該這樣做。

通過本教程Link

來源

2015-02-24 10:53:17 Nikitesh

引導日期時間選擇器asp.NET MVC

回答

相關問題