Guest User

Untitled

a guest
Mar 21st, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.52 KB | None | 0 0
  1. $(function() {
  2. var $dp1 = $("#datepicker1");
  3. $dp1.datepicker({
  4. changeYear: true,
  5. changeMonth: true,
  6. minDate:0,
  7. dateFormat: "yy-m-dd",
  8. yearRange: "-100:+20",
  9. });
  10.  
  11. var $dp2 = $("#datepicker2");
  12. $dp2.datepicker({
  13. changeYear: true,
  14. changeMonth: true,
  15. yearRange: "-100:+20",
  16. dateFormat: "yy-m-dd",
  17. });
  18. });
  19.  
  20. $dp1.datepicker({
  21. changeYear: true,
  22. changeMonth: true,
  23. dateFormat: "yy-m-dd",
  24. yearRange: "-100:+20",
  25. minDate: '0'
  26. });
  27.  
  28. javascript
  29.  
  30. $(document).ready(function() {
  31. $('#Date').datepicker({
  32. onSelect: function(dateText, inst) {
  33.  
  34. var today = new Date();
  35. today = Date.parse(today.getMonth()+1+'/'+today.getDate()+'/'+today.getFullYear());
  36.  
  37. var selDate = Date.parse(dateText);
  38.  
  39. if(selDate < today) {
  40.  
  41. $('#Date').val('');
  42. $(inst).datepicker('show');
  43. }
  44. }
  45. });
  46. });
  47.  
  48. <input type="text" id="Date" value="" />
  49.  
  50. <p class="pfield-wrapper required-field"> <label>Start Date</label> <input id="datepicker1" type="text" name="s" style="width:155px;" required value=""></p>
  51. <p class="p">End Date<input id="datepicker2" type="text" name="e" style="width:155px;" value=""></p>
  52.  
  53. $(function () {
  54. var $dp1 = $("#datepicker1");
  55. $(document).ready(function () {
  56.  
  57. $dp1.datepicker({
  58. changeYear: true,
  59. changeMonth: true,
  60. minDate: '0',
  61. dateFormat: "yy-m-dd",
  62. yearRange: "-100:+20",
  63. });
  64. });
  65.  
  66. });
  67.  
  68. $(function () {
  69. var $dp2 = $("#datepicker2");
  70.  
  71.  
  72. $dp2.datepicker({
  73. changeYear: true,
  74. changeMonth: true,
  75. minDate: '0',
  76. yearRange: "-100:+20",
  77. dateFormat: "yy-m-dd",
  78.  
  79. });
  80.  
  81. });
  82.  
  83. <p class="pfield-wrapper required-field"> <label>Start Date</label> <input id="datepicker1" type="text" name="s" style="width:155px;" required value=""></p>
  84. <p class="p">End Date<input id="datepicker2" type="text" name="e" style="width:155px;" value=""></p>
  85.  
  86. $('#datepicker1').datepicker({
  87. onSelect: function(dateText, inst) {
  88. //Get today's date at midnight
  89. var today = new Date();
  90. today = Date.parse(today.getMonth()+1+'/'+today.getDate()+'/'+today.getFullYear());
  91. //Get the selected date (also at midnight)
  92. var selDate = Date.parse(dateText);
  93.  
  94. if(selDate < today) {
  95. //If the selected date was before today, continue to show the datepicker
  96. $('#datepicker1').val('');
  97. $(inst).datepicker('show');
  98. }
  99. }
  100. });
  101.  
  102.  
  103.  
  104. $('#datepicker2').datepicker({
  105. onSelect: function(dateText, inst) {
  106. //Get today's date at midnight
  107. var today = new Date();
  108. today = Date.parse(today.getMonth()+1+'/'+today.getDate()+'/'+today.getFullYear());
  109. //Get the selected date (also at midnight)
  110. var selDate = Date.parse(dateText);
  111.  
  112. if(selDate < today) {
  113. //If the selected date was before today, continue to show the datepicker
  114. $('#datepicker2').val('');
  115. $(inst).datepicker('show');
  116. }
  117. }
  118. });
  119.  
  120. $(document).ready(function(){
  121. $("#txtFromDate").datepicker({
  122. minDate: '0',
  123. onSelect: function(selected) {
  124. $("#txtToDate").datepicker("option","minDate", selected)
  125. }
  126. });
  127. $("#txtToDate").datepicker({
  128. minDate: '0',
  129. onSelect: function(selected) {
  130. $("#txtFromDate").datepicker("option","maxDate", selected)
  131. }
  132. });
  133. });
Add Comment
Please, Sign In to add comment