ACE框架使用心得2—日期选择控件

1.年月日时间控件

（1）html页面

<label>开始时间</label>
<input class="date-picker" id="beginTime"  name="beginTime" type="text" data-date-format="yyyy-mm-dd"/>
<label>结束时间</label>
<input class="date-picker" id="endTime" name="endTime" type="text" data-date-format="yyyy-mm-dd"/

（2）JS

在jquery初始化函数中加入如下代码

$('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
$('.date-picker').datepicker({
autoclose : true,
todayHighlight : true
})
// show datepicker when clicking on the icon
.next().on(ace.click_event, function() {
$(this).prev().focus();
});

2.到时分秒的时间控件

（1）html页面

$('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
$('.date-picker').datepicker({
autoclose : true,
todayHighlight : true
})
// show datepicker when clicking on the icon
.next().on(ace.click_event, function() {
$(this).prev().focus();
});

（2）JS

$('.input-daterange').datepicker({autoclose:true,format: 'yyyy-mm-dd'});
$('.date-picker').datepicker({
autoclose : true,
todayHighlight : true
})
// show datepicker when clicking on the icon
.next().on(ace.click_event, function() {
$(this).prev().focus();
});