01.<script type="text/javascript">
02.
03.$(function(){
04.
05. var startDateTextBox = $('#dateStart');
06. var endDateTextBox = $('#dateEnd');
07.
08. startDateTextBox.datepicker({
09. dateFormat: 'dd-M-yy',
10. onClose: function(dateText, inst) {
11. if (endDateTextBox.val() != '') {
12. var testStartDate = startDateTextBox.datetimepicker('getDate');
13. var testEndDate = endDateTextBox.datetimepicker('getDate');
14. if (testStartDate > testEndDate)
15. endDateTextBox.datetimepicker('setDate', testStartDate);
16. }
17. else {
18. endDateTextBox.val(dateText);
19. }
20. },
21. onSelect: function (selectedDateTime){
22. endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
23. }
24. });
25. endDateTextBox.datepicker({
26. dateFormat: 'dd-M-yy',
27. onClose: function(dateText, inst) {
28. if (startDateTextBox.val() != '') {
29. var testStartDate = startDateTextBox.datetimepicker('getDate');
30. var testEndDate = endDateTextBox.datetimepicker('getDate');
31. if (testStartDate > testEndDate)
32. startDateTextBox.datetimepicker('setDate', testEndDate);
33. }
34. else {
35. startDateTextBox.val(dateText);
36. }
37. },
38. onSelect: function (selectedDateTime){
39. startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
40. }
41. });
42.
43.});
44.
45.</script>
46.Start Date : <input type="text" name="dateStart" id="dateStart" value="" />
47.End Date : <input type="text" name="dateEnd" id="dateEnd" value="" />
Load balance : Server 04
