最近开发的项目界面用的是bootstrap的框架,发现开源的东西真的很多,慢慢的我会记录到上面来
地址
http://www.bootcss.com/p/bootstrap-datetimepicker/
效果图
如何使用
引入
css bootstrap-datetimepicker.min.css
js bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.zh-CN.js(汉化包)
代码
html:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<div class="col-lg-3"> <div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd"> <input class="form-control" size="16" type="text" value="" readonly> <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div> <input type="hidden" id="dtp_input2" name="endTime" value="" /> </div> <div class="col-lg-1"> <input type="submit" class="btn btn-block btn-primary" value="查询" /> </div>
js:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<script type="text/javascript"> $('.form_date').datetimepicker({ language: 'zh-CN', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0 }); </script>
language: 'zh-CN'这个是汉化语句
这样就OK了
转载请注明地址:http://www.cnblogs.com/CoffeeEddy/p/bootstrap.html