Как использовать datetime picker как editortemplate

Question

Как я могу использовать datetime picker в моем представлении mvc.

EditorTemplate: Datetime.cshtml

@model DateTime? 
@Html.TextBox("", Model.HasValue ? Model.Value.ToString("dd/MM/yyyy"):"", new { @class = "datefield" }) 

Model : 
[Required] 
public DateTime DateOfBirth { get; set; }. 

Also jquery.ui.all.css is under my solution content>themes>base 

Вот частичный вид, где необходима DatePicker.

@model PersonalDetails` 

` @ Html.LabelFor (модель => model.DateOfBirth) @ Html.EditorFor (модель => model.DateOfBirth, новый {@placeholder = "Дата рождения", @class = "DateField", @ тип = "текст"})
@ Html.ValidationMessageFor (модель => model.DateOfBirth)

Here the date field is coming in the format specified in the Datetime editor template. But the calendor image is not coming. 

Answer 1

Предположим, вы редактор создан для JQ uery DatePicker:

@Html.EditorFor(model => model.DateOfBirth, new { @placeholder = "Date Of Birth", @class = "datefield", @type="text" }) 

Проверьте, если ваш код JS должным образом работает при отладке браузера, ваш код DatePicker должен выглядеть следующим образом:

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".datefield").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     // other datepicker settings here as you want 
    }); 
}); 
</script> 

Затем убедитесь, что JQuery UI CSS файл включен либо в Layout.cshtml или внутри головы тега на странице, на этом шаге календарь изображение должно быть доказано, кроме даты редактора:

<link rel="stylesheet" href="~/Content/themes/base/jquery.ui.all.css" type="text/css"> 
<script src="~/Scripts/jQuery-[version].js" type="text/javascript"> 
<script src="~/Scripts/jQuery-ui-[version].js" type="text/javascript"> 

Чтобы упростить эти сценария и стиля decla пайки, я предлагаю вам изучить набор стилей/скриптов MVC.

Любые предложения приветствуются.