##=============================JSP======================================
<div class="labelw lbl">时间</div>
<div class="datetimew val">
<input class="easyui-datetimebox" type="text" id="startTime"
name="startTime" editable="ture"
data-options="onSelect:onSelect" />
</div>
<div style="width: 15px;float:left;margin:0 0 0 10px;">至</div>
<div class="datetimew val">
<input class="easyui-datetimebox" type="text" id="endTime"
name="endTime" editable="ture" data-options="onSelect:onSelect" />
</div>
#============================JS==========================================
/**对比两个时间输入框,结束时间不能小于开始时间
*/
function onSelect(d) {
var issd = this.id == 'sd', sd = issd ? d : new Date($('#startTime')
.datebox('getValue')), ed = issd ? new Date($('#endTime').datebox(
'getValue')) : d;
if (ed < sd) {
parent.$.messager.alert("提示", "结束日期小于开始日期!");
// 只要选择了日期,不管是开始或者结束都对比一下,如果结束小于开始,则清空结束日期的值并弹出日历选择框
$('#endTime').datebox('setValue', '').datebox('showPanel');
}
}
/**清空时间控件的方法
*/
function init_clearTime_button() {
$("#clearBtn").click(function() {
$('#startTime').combo('setText', '');
$('#endTime').combo('setText', '');
});
}