bootstrap datetimepicker 日期控件清空问题
2017-09-28 17:05
1096 查看
<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的事件
相关文章推荐
- 关于Bootstrap日期控件datetimepicker被模态框等遮罩在底部的问题及解决办法。
- bootstrap datetimepicker时间日期控件
- Bootstrap3 日期+时间选择控件 datetimepicker的使用方法说明
- bootstrap datetimepicker日期控件的使用
- 日期选择控件bootstrap-datetimepicker demo
- bootstrap日期控件(双日期、清空等问题解决)
- bootstrap-datetimepicker 日期选择控件 通用版
- bootstrap-datetimepicker 日期控件
- Bootstrap 3时间控件datetimepicker的时区及多语言问题
- 修复bootstrap daterangepicker不能清空日期的问题
- bootstrap 模态框日期控件datepicker被遮住问题的解决
- bootstrap 模态框日期控件datepicker被遮住问题的解决
- bootstrap日期控件问题(双日期、清空等问题解决)
- bootstrap-datetimepicker 时间控件位置问题
- jQuery DateTimePicker 日期控件
- bootstrap datetimepicker日期表单
- 日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文
- 此项目是bootstrap-datetimepicker 项目 的一个分支,原项目不支持 Time 选择。 其它部分也进行了改进、增强,例如load 过程增加了对 ISO-8601 日期格式的支持。
- BootStrap-datetimepicker插件有滚动条时出现位移问题解决方案
- struts2.1 datetimepicker日期控件的使用