Jquery插件 bootstrap-datepicker 日期拾取器

最近开发的项目界面用的是bootstrap的框架,发现开源的东西真的很多,慢慢的我会记录到上面来

地址

http://www.bootcss.com/p/bootstrap-datetimepicker/

效果图

Jquery插件 bootstrap-datepicker 日期拾取器

如何使用

引入

css bootstrap-datetimepicker.min.css

js bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.zh-CN.js（汉化包）

代码

html：

<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>

View Code