bootstrap-datetime 的使用

bootstrap-datetime js的下载

http://pan.baidu.com/s/1eQnE5dK

html的代码

<div class="input-group date form_date col-md-5" data-date="" data-date-format="yyyy-mm-dd"
                                                    data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                                    <input id="CSRQ" name="CSRQ" style="background-color: white;" class="form-control"
                                                        size=" 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>

其中显示日期的格式自己可以调整。。。。。。

js代码

<!--出生日期的设置-->
    <script type="text/javascript">
        $('.form_datetime').datetimepicker({
            language: 'zh-CN',
            weekStart: ,
            todayBtn: ,
            autoclose: ,
            todayHighlight: ,
            startView: ,
            forceParse: ,
            showMeridian:
        });
        $('.form_date').datetimepicker({
            language: 'zh-CN',
            weekStart: ,
            todayBtn: ,
            autoclose: ,
            todayHighlight: ,
            startView: ,
            minView: ,
            forceParse:
        });
        $('.form_time').datetimepicker({
            language: 'zh-CN',
            weekStart: ,
            todayBtn: ,
            autoclose: ,
            todayHighlight: ,
            startView: ,
            minView: ,
            maxView: ,
            forceParse:
        });
</script>

首先需要引用基本的js文件

<script src="/marin/bootstrap/js/bootstrap-datetimepicker.js" type="text/javascript"></script>

因为我想使用中文的日历。因此引用的是如下js文件

<script src="/marin/bootstrap/js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"
charset="utf-8"></script>

如果想其他语言的日历

引用相对应的js文件即可。。并在js代码块中language修改对应的语言。。。

效果图：