@model HelloWorldMvcApp.SampleViewModel
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
@using (Html.BeginForm(null, null, null, FormMethod.Post, new {@id = "myForm", @name = "myForm"}))
@Html.LabelFor(m => m.StartTime)
@Html.TextBoxFor(model => model.StartTime,"{0:yyyy-MM-dd}",new { Value ="Please Select Date"})
@Html.TextBoxFor(x => x.BeforeDate, "{0:yyyy-MM-dd}", new { @class = "dateInput", @placeholder = "Select Date" })
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-sliderAccess.js"></script>
<script src="//cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
$('#StartTime').datetimepicker({
timeFormat: "HH:mm:ss" });