@model HelloWorldMvcApp.SampleViewModel

  <meta charset="utf-8">

  <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"})) 

                {

                    <div class="form-group">

                        @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" })

                    </div>

                }

​

<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>

​

<script>

    $('#StartTime').datetimepicker({

    dateFormat: "mm-dd-yy",

    timeFormat:  "HH:mm:ss"  });

​

</script>

​

​