How to block weekend from selection on altField

How to block weekend from selection on altField

I have 2 fields: DeliveryDate and PickUpDate

DeliveryOffDate can be any date except Sundays or Public holidays: Sorted

PickUpDate is configured to default to DeliveryDate + 7 days

Problem: Delivery can be a Saturday BUT Pickup Cannot.

So, If a DeliveryDate is "Saturday", I want PickUpDate = DeliveryDate + 9 days (Monday)

  1. function nationalDays(date) {
  2. for (i = 0; i < natDays.length; i++) {
  3. if (date.getMonth() == natDays[i][0] - 1
  4. && date.getDate() == natDays[i][1]) {
  5. return [false, natDays[i][2] + '_day'];
  6. }
  7. }
  8. return [true, ''];
  9. }

  11. function noSundayOrHolidays(date) {
  12. var day = date.getDay();
  13. var next = new Date() + 1;
  14. var today = new Date();

  16. if ( day == 0 ) {
  17. return [''];
  18. } else {
  19. return nationalDays(date);
  20. }
  21. }
  23. function noWeekendOrHolidays(date) {
  24. var day = date.getDay();
  25. var next = new Date() + 1;
  26. var today = new Date();

  28. if (day == 0 || day == 7) {
  29. return [''];
  30. } else {
  31. return nationalDays(date);
  32. }
  33. }

  35. function setNextDay(date) {
  36. var day = date.getDay();
  37. if (day == 0) {
  38. return [''];
  39. } else {
  40. return nationalDays(date);
  41. }
  42. }

  44. jQuery('#deliveryDate').datepicker({
  45. beforeShowDay: noSundayOrHolidays,
  46. dateFormat: 'd/m/yy',
  47. changeMonth: true,
  48. changeYear: true,
  49. altField: "#pickUpDate",
  50. altFormat: "d/m/yy",
  51. minDate: +1,
  52. onSelect: function (_date, _datepicker) {
  53. var d = jQuery.datepicker.parseDate('d/m/yy', _date);
  54. d.setDate(d.getDate() + 7); // Add seven days
  55. jQuery('#pickUpDate').datepicker('setDate', d);

  57. // if its after 17h alert that request will be processed the next day
  58. var now = new Date();
  59. if (parseInt(now.getHours()) >= 17) {
  60. //alert('Our working hours have passed. You can proceed with the booking but details will be processed in the morning.');
  61. var message = "Our working hours have passed. You can proceed with the booking but details will be processed in the morning.";
  62. $( "<div />" ).dialog({
  63. modal: true,
  64. title: "After 5PM Notification",
  65. width: 500,
  66. open: function() {
  67. $(this).html(message);
  68. },
  69. buttons: {
  70. Confirm: function() {
  71. $(this).dialog("close");
  72. }
  73. }
  74. });
  75. }
  76. reCalculatePrice();
  77. },
  78. onClose: function() {
  79. jQuery('#pickUpDate').focus();
  80. }
  81. });

  83. jQuery('#pickUpDate').datepicker({
  84. beforeShowDay: noWeekendOrHolidays,
  85. dateFormat: 'd/m/yy',
  86. minDate: +5,
  87. changeMonth: true,
  88. changeYear: true,
  89. onSelect: function (_date, _datepicker) {
  90. var pickupDate = jQuery.datepicker.parseDate('d/m/yy', _date);
  91. var delDate = jQuery('#deliveryDate').val();
  92. var delDate_arr = delDate.split('/');
  93. var deliveryDate = new Date(delDate_arr[2], delDate_arr[1]-1, delDate_arr[0]);
  95. //Check and make sure the Pickup Date is after the Delivery Date
  96. if ( deliveryDate.getTime() > pickupDate.getTime() ) {
  98. jQuery('#pickUpDate').val('');
  99. alert('Pickup Date must be later than Delivery Date');
  100. }
  101. reCalculatePrice();
  102. }

  104. });

    • Topic Participants

    • info