您的位置：首页 > Web前端 > BootStrap

bootstrap之datetimepicker使用配置

2016-09-14 14:21 351 查看
datetimepicker是bootstrap中的一款日期和时间选择器，其使用和配置方法较为简单首先需要引入和其相关的js和css文件：
<script type="text/javascript" src="/static/lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/lib/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="/static/lib/js/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="/static/lib/css/bootstrap-datetimepicker.min.css" rel='stylesheet' type='text/css'>
添加选择器的input输入框：
<input id="birthdayInput" value="2016-09-14">
value值是选择框默认选择的日期，若是动态的，可以在js中用jQuery操作。
js文件中的配置：
$('#birthdayInput').datetimepicker({format: 'yyyy-mm-dd',//日期的格式startDate:'1900-01-01',//选择器的开始日期autoclose:true,//日期选择完成后是否关闭选择框bootcssVer:3,//显示向左向右的箭头language:'zh_CN',//语言minView: "month",//表示日期选择的最小范围，默认是hour});
如需要其他属性可到官网链接中查看  http://www.bootcss.com/p/bootstrap-datetimepicker/[/code] 
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                datetimepicker
                                                boot
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航