MVC - DateTimePicker - How to limit time(hours) and change intervals

 Watch this example on YouTube

 

 

@{
    ViewBag.Title = "Home Page";
}

<input id="dt1" type="text" />
<link href="~/Content/jquery.datetimepicker.css" rel="stylesheet" />
@section Scripts{
    <script src="~/Scripts/jquery.datetimepicker.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#dt1').datetimepicker({
                minTime: '07:00',
                maxTime: '14:00',
                step: 15
            });
        });
    </script>    
}