Start and End Time DropDown.

Question

Hi All,

I want to make two drop downs for "FromTime" and "ToTime".

I have a jquery calendar on form, Now I want to show the 8am to 8pm timings in both the dropdowns with 30 min difference.

The condition is that "FromTime" should not less than the "ToTime" and FromTime should start from current time on current date means say current date is 09/16/2015 and current time is 5pm so user should not allow to select less than that time.

I know its simple but I have done with first condition but I am unable to crack the second condition. Can anyone help?

Below is my code:

 

var currentTime = new Date();
var currenthours = parseFloat(currentTime.getHours());

$("#toCollectionTime").prop("disabled", true);

$("#fromCollectionTime").change(function () {
$("#toCollectionTime").prop("disabled", false);
var fromCollectionTime = parseFloat($("#fromCollectionTime :selected").text());
var toCollectionTime = parseFloat($("#toCollectionTime :selected").text());
if (fromCollectionTime < currenthours) {
$("#fromCollectionTime").val(currenthours + ":00");
}
if (fromCollectionTime > toCollectionTime) {
var localFrom = $("#fromCollectionTime :selected").text();
$("#toCollectionTime").val(localFrom);
}
});
$("#toCollectionTime").change(function () {
var fromCollectionTime = parseFloat($("#fromCollectionTime :selected").text());
var toCollectionTime = parseFloat($("#toCollectionTime :selected").text());
if (toCollectionTime < fromCollectionTime) {
var localFrom = $("#fromCollectionTime :selected").text();
$("#toCollectionTime").val(localFrom);
}
});

 

Thanks