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=
""
/>