一、引入日期控件CSS,JS
二、input就用控件
<td>发行时间</td>
<td>
<div class='input-group date' style="width: 14em;" id='datetimepicker1'>
<input type='text' id="addtime" name="addtime" class="timeInput form-control" readonly="readonly"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</td>
//调用控件方法
<script>
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn'),
defaultDate: "",
ignoreReadonly: true
});
</script>
input输入框设置为readonly="readonly"属性, datetimepicker方法里设置忽略只读属性ignoreReadonly: true,这样就可以实现日期控件只选择不输入效果。
更多推荐
Bootstrap日期控件,实现日期控件只选择不准输入效果
发布评论