ASP.NET

<script type="text/javascript">
              $(window).load(function () {
                  $("#txtFromDate").datepicker();
                  $('#timeStart').timepicker({ showPeriod: true,
                      onHourShow: OnHourShowCallback,
                      onMinuteShow: OnMinuteShowCallback
                  });

                  $("#txtToDate").datepicker();
                  $('#timeEnd').timepicker({ showPeriod: true,
                      onHourShow: OnHourShowCallback,
                      onMinuteShow: OnMinuteShowCallback
                  });
                  function OnHourShowCallback(hour) {
                      if ((hour > 20) || (hour < 6)) {
                          return false; // not valid
                      }
                      return true; // valid
                  }
                  function OnMinuteShowCallback(hour, minute) {
                      if ((hour == 20) && (minute >= 30)) { return false; } // not valid
                      if ((hour == 6) && (minute < 30)) { return false; }   // not valid
                      return true;  // valid
                  }
                  $('#btnSearch').on('click', function () {
                      var sDate = $("#txtFromDate").val();
                      var sTime = $("#timeStart").val();

                      var eDate = $("#txtToDate").val();
                      var eTime = $("#timeEnd").val();

                      var startDate = new Date(sDate + " " + sTime).getHours();
                      var endDate = new Date(eDate + " " + eTime).getHours();

                      //Calulate the time difference
                      var hourDiff = endDate - startDate;
                      //alert(hourDiff);

                      //Check if hour difference is less than 4 hours and show the message accordingly
                      if (hourDiff < 4) {
                          var r = false; $($("<div>A mininum of 4 hours is required!</div>")).dialog({ closeOnEscape: false, resizable: false, modal: true, open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); }, buttons: { Close: function () { r = false; $(this).dialog("close"); } }, close: function () { return r; } });
                          return false;
                      }

                      //Add the check condition if the user is above the 4 hours time frame
                      if (hourDiff > 4) {
                          var r = confirm("There may be additional fees for going over the 4 hours!");
                          if (r == true) { // pressed OK
                              return true;
                          } else { // pressed Cancel
                              return false;
                          }
                      }
                  });
              });
</script>

<asp:CustomValidator ID="CustomValidator1" runat="server"
ControlToValidate="endHour"
ErrorMessage="A minimum of four hours is required."
Text="*"
SetFocusOnError="True"
OnServerValidate="ValidateDuration"
ClientValidationFunction="ValidateDuration" />

samflex wrote:

If I can resolve the issue of ValidateDuration is undefined error that happens when I use it below:

samflex wrote:

So when a user clicks the link, to be redirected to ReserveFacility.aspx, the total overage hours and associated fees must be passed to that page as well.

void Button_Click(object sender, EventArgs e) {
   // The following code to delete it
   string file = "You can pass the location from a parameter.";
   File.Delete(file);
}