<link href="../../js/bootstrap/css/bootstrap.css" rel="stylesheet"
type="text/css" />
<link
href="../../js/bootstrap-datetimepicker/bootstrap-datetimepicker.css"
rel="stylesheet" type="text/css" />
<script
src="../../js/bootstrap-datetimepicker/bootstrap-datetimepicker.js"
type="text/javascript"></script>
<script
src="../../js/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"
type="text/javascript"></script>
1.引入bootstrap的组件DateTimePicker
2.DateTimePicker删除例子
<div class="input-group date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
<input type="text" name="endDate" placeholder="入库结束时间" id="endDate"
class="form-control form_datetime" maxlength="255"
readonly="readonly" />
<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
</div>
3.js代码调用日期
$('.form_datetime').datetimepicker({
format: "yyyy-mm-dd",
language: 'zh-CN',
autoclose: true,
todayBtn: true,
minView: "month"
});
//清除的代码
$(".glyphicon-remove").click(function(){
$($($(this).parent()).prev()).val("");
})
4.效果图
备注:我这边调用他原本的清除事件。我这边一直都不行。所以我自己写了一个清空input的事件