Jquery插件 bootstrap-datepicker 日期拾取器

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

地址 

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

效果图

 

如何使用

引入

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

js：

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

View Code

language: 'zh-CN'这个是汉化语句

 

这样就OK了

 

转载请注明地址：http://www.cnblogs.com/CoffeeEddy/p/bootstrap.html

 

转载于:https://www.cnblogs.com/CoffeeEddy/p/bootstrap.html