<form class="form-inline" style="font-size: 14px;"> 时间快捷: <label> <input type='text' class='form-control ' id='dateBegin' name='begin' placeholder="beginTime..." value='' ng-model="dateBegin"> </label> 到 <label> <input type='text' class='form-control ' id='dateEnd' name='end' placeholder="endTime..." value='' ng-model="dateEnd"> </label> </form>
function DatePicker(beginSelector,endSelector){ $(beginSelector).datetimepicker( { language: 'zh-CN', autoclose: true, startView: 'month', minView: 'hour', minuteStep:1, format: 'yyyy-mm-dd hh:ii:ss', clearBtn:false, todayBtn:true, endDate:new Date() }).on('changeDate', function(ev){ if(ev.date){ $(endSelector).datetimepicker('setStartDate', new Date(ev.date.valueOf())) }else{ $(endSelector).datetimepicker('setStartDate',null); } }) $(endSelector).datetimepicker( { language: "zh-CN", autoclose: true, minView: "hour", minuteStep:1, startView:'month', format: "yyyy-mm-dd hh:ii:ss", clearBtn:false, todayBtn:true, endDate:new Date() }).on('changeDate', function(ev){ if(ev.date){ $(beginSelector).datetimepicker('setEndDate', new Date(ev.date.valueOf())) }else{ $(beginSelector).datetimepicker('setEndDate',new Date()); } }) } DatePicker("#dateBegin","#dateEnd");