<link href=
"bootstrap-datetimepicker.min.css"
rel=
"external nofollow"
rel=
"stylesheet"
/>
<script src=
"bootstrap-datetimepicker.js"
></script>
<script src=
"bootstrap-datetimepicker.zh-CN.js"
></script>
<script>
$.fn.datetimepicker.defaults = {
language:
'zh-CN'
,
format:
"yyyy-mm-dd hh:ii:ss"
,
autoclose: true,
todayBtn: true,
pickerPosition:
"bottom-left"
};
</script>
<div
class
=
"input-append date form_datetime"
>
<input size=
"16"
type=
"text"
value=
""
id=
"startTime"
readonly>
<input size=
"16"
type=
"text"
value=
""
id=
"endTime"
readonly>
</div>
<script>
$(
function
() {
var
picker1 = $(
'#startTime'
).datetimepicker();
var
picker2 = $(
"#endTime"
).datetimepicker();
picker1.on(
'changeDate'
,
function
(e) {
picker2.datetimepicker(
'setStartDate'
, e.
date
);
});
picker2.on(
'changeDate'
,
function
(e) {
picker1.datetimepicker(
'setEndDate'
, e.
date
);
});
});
</script>