@{
    ViewBag.Title = "WorkingHours";
}
<input type="hidden" id="hdnVanId" />
<input type="hidden" id="hdnStartTime" />
<label>Start Time</label>
<input id="startWorkingHours"  title="timepicker" style="width: 100%;"  />
<label>End Time</label>
<input id="endWorkingHours" W title="timepicker" style="width: 100%;"  />
<div class="footBtn_wrapper">
    <input type="button" class="button_blue" onclick="saveVanWorkingTime()" value="Save" style="margin: 0; padding: 0;" />
    <input type="button" class="button_blue CancelBtnBg" onclick="closeWindow('#divShowDealerLocation')" value="Cancel" style="margin: 0; padding: 0;" />
</div>

<script type="text/javascript">
    var vanStartWorkingHours = '@ViewBag.vanStartWorkingHours';
    var vanEndWorkingHours = '@ViewBag.vanEndWorkingHours';
    function saveVanWorkingTime() {
      debugger
        var end = $("#endWorkingHours").kendoTimePicker().data("kendoTimePicker");
        var start = $("#startWorkingHours").kendoTimePicker().data("kendoTimePicker");
        var van_start_working_hours='';
        var van_end_working_hours ='';
        if (start.value() == null) {
            van_start_working_hours = vanStartWorkingHours;
            van_end_working_hours = vanEndWorkingHours;
        }
        else {
            van_start_working_hours = start.value().toLocaleTimeString('it-IT');
            van_end_working_hours = end.value().toLocaleTimeString('it-IT');
        }
        activeRequest_UserDetails = $.ajax({
            type: "POST",
            url: WCFRESTURL.SaveWorkingHours,
            data: {
                Token: SecurityToken,
                van_start_working_hours: van_start_working_hours,
                van_end_working_hours: van_end_working_hours,
                UserId: userId,
                VanId: $("#hdnVanId").val()
            },
            success: function (data) {
                $("#btnApply").trigger("click");
                //myVm.getAllEmployees();
                if (data.status == "1") {
                    jAlert("Successfully Saved.", 'Message');
                  
                }
                else  {
                    jAlert("Error Occurred.", 'Error');
                }
                closeWindow("#divShowDealerLocation");
            },
            error: function (data) {
                jAlert("Error Occurred.", 'Error');
            }
        })
    }
    $(document).ready(function () {
        // create TimePicker from input HTML element
        setTimeout(function () {
            var vanStartWorkingHours = '@ViewBag.vanStartWorkingHours';

            var start = $("#startWorkingHours").kendoTimePicker({
                change: startChange,
                value: vanStartWorkingHours
               
            }).data("kendoTimePicker");
            var start = $("#endWorkingHours").kendoTimePicker({
                value: vanEndWorkingHours
                
            }).data("kendoTimePicker");


            var end = $("#endWorkingHours").kendoTimePicker().data("kendoTimePicker");

            var start = $("#startWorkingHours").kendoTimePicker().data("kendoTimePicker");
            function startChange() {
                var startTime = start.value();
                var _this = this;
                setTimeout(function () {
                    if (startTime) {
                        startTime = new Date(startTime);

                        end.max(startTime);

                        startTime.setMinutes(startTime.getMinutes() + _this.options.interval);

                        end.min(startTime);
                        end.value(startTime);
                    }
                }, 100)

            }
        }, 200);
    });
</script>