Как использовать TimePicker для DatePicker MVC3 C#

Question

Я пытаюсь понять, как совместить решение TimePicker http://trentrichardson.com/examples/timepicker/ с моим существующим сайтом ASP.Net MVC3 C#, использующим DatePicker. DatePicker в настоящее время работает нормально, но мне нужно добавить время, а также дату, и TimePicker отлично подходит для того, что мне нужно, только я не уверен, как его реализовать.

Я вижу пример дает следующий код:

$('#example1').datetimepicker(); 

, но я не уверен, как это работает в мою существующем сайте/функцию DatePicker.

Я уверен, что я включить эти JS файлы в разделе HEAD, на странице _layout, а также добавление CSS в существующий файл DatePicker CSS (JQuery-щ-1.7.3.custom.css):

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-1.7.3.custom.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-sliderAccess.js")" type="text/javascript"></script> 

и на моей странице просмотра у меня есть этот код, который отображает вход и вызывает функцию DatePicker (это работает отлично в его нынешнем виде):

@model test.Models.News 
@{ 
    ViewBag.Title = "Create"; 
} 

@using (Html.BeginForm()) 
{ 
    @Html.ValidationSummary(true) 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.News_Date) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.News_Date, "News_Date", new { @ID = "News_Date" }) 
     </div> 
     <p> 
      <input type="submit" value="Create" /> 
     </p> 
} 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#News_Date").datepicker({ 
      showOptions: { speed: 'fast' }, 
      changeMonth: false, 
      changeYear: false, 
      dateFormat: 'dd/mm/yy', 
      gotoCurrent: true 
     }); 
    }); 
</script> 

Я не уверен, как установить функцию TimePicker так он работает с DatePicker на моем сайте MVC3.

Буду признателен, если кто-то не возражал бы?

Большое спасибо.

Answer 1

Вы просто заменить datepicker вызов с datetimepicker в представлении и предоставить необходимые аргументы для обоих:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#News_Date').datetimepicker({ 
      // Arguments for the date picker 
      showOptions: { speed: 'fast' }, 
      changeMonth: false, 
      changeYear: false, 
      dateFormat: 'dd/mm/yy', 
      gotoCurrent: true, 

      // Arguments for the time picker  
      showSecond: true, 
      timeFormat: 'hh:mm:ss', 
      stepHour: 2, 
      stepMinute: 10, 
      stepSecond: 10 
     }); 
    }); 
</script>