html:
<div class="input-group date form_date_start " data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd" style="margin-top:0px;">
<input type="text" class="form-control" data-mask="9999-99-99" name="crtSourceStartDate" id="crtSourceStartDate" readonly value="${recentReport.crtSourceStartDate}">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> //日历的图标
</div>
js:
$('.form_date_start').datetimepicker({
language: 'fr',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
}).on('changeDate', function(ev){
//对时间进行判断是否符合
});
注:需先引用jQuery的js
日历插件
最新推荐文章于 2024-03-31 21:03:12 发布