You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
2.3 KiB

  1. //date picker start
  2. //if (top.location != location) {
  3. // top.location.href = document.location.href ;
  4. //}
  5. $(function(){
  6. window.prettyPrint && prettyPrint();
  7. $('.default-date-picker').datepicker({
  8. format: 'mm-dd-yyyy',
  9. autoclose: true
  10. });
  11. $('.dpYears').datepicker({
  12. autoclose: true
  13. });
  14. $('.dpMonths').datepicker({
  15. autoclose: true
  16. });
  17. var startDate = new Date(2012,1,20);
  18. var endDate = new Date(2012,1,25);
  19. $('.dp4').datepicker()
  20. .on('changeDate', function(ev){
  21. if (ev.date.valueOf() > endDate.valueOf()){
  22. $('.alert').show().find('strong').text('The start date can not be greater then the end date');
  23. } else {
  24. $('.alert').hide();
  25. startDate = new Date(ev.date);
  26. $('#startDate').text($('.dp4').data('date'));
  27. }
  28. $('.dp4').datepicker('hide');
  29. });
  30. $('.dp5').datepicker()
  31. .on('changeDate', function(ev){
  32. if (ev.date.valueOf() < startDate.valueOf()){
  33. $('.alert').show().find('strong').text('The end date can not be less then the start date');
  34. } else {
  35. $('.alert').hide();
  36. endDate = new Date(ev.date);
  37. $('.endDate').text($('.dp5').data('date'));
  38. }
  39. $('.dp5').datepicker('hide');
  40. });
  41. // disabling dates
  42. var nowTemp = new Date();
  43. var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
  44. var checkin = $('.dpd1').datepicker({
  45. onRender: function(date) {
  46. return date.valueOf() < now.valueOf() ? 'disabled' : '';
  47. }
  48. }).on('changeDate', function(ev) {
  49. if (ev.date.valueOf() > checkout.date.valueOf()) {
  50. var newDate = new Date(ev.date)
  51. newDate.setDate(newDate.getDate() + 1);
  52. checkout.setValue(newDate);
  53. }
  54. checkin.hide();
  55. $('.dpd2')[0].focus();
  56. }).data('datepicker');
  57. var checkout = $('.dpd2').datepicker({
  58. onRender: function(date) {
  59. return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
  60. }
  61. }).on('changeDate', function(ev) {
  62. checkout.hide();
  63. }).data('datepicker');
  64. });
  65. //date picker end