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

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.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,new { Value =""}) 

                    </div>

                    <button type="button" class="btn btn-success submit" id="SubmitButton">Check date time</button>

                }

​

<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 src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>

<script src="//datejs.googlecode.com/files/date.js"></script>

<link rel="stylesheet" href="/resources/demos/style.css">

<script>

    $('#StartTime').datetimepicker({

    dateFormat: "dd.mm.yy",

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

jQuery.validator.addMethod("MyDateTimeFormat", function(value, element) { 

    return Date.parseExact(value, "dd.MM.yyyy HH:mm:ss");

},"Please provide  the correct date time format");

​

var form = $( "#myForm" );

​

form.validate({

   rules : {

      StartTime : { MyDateTimeFormat: true }

   }

​

});

​

$( "button" ).click(function() {

    if ( form.valid())

        alert("The form is valid: \n" + Date.parse($("#StartTime").val()));

    else

    {

  alert( "Valid: " + form.valid() );

    }

});

​

​

</script>

​

​