bootstrap---datetimepicker插件使用(未汉化)

1、导包  地址链接http://www.bootcss.com/p/bootstrap-datetimepicker/

    <link rel="stylesheet" href="assets/css/back/usermanage.css">

   <script src="assets/vendor/bootstrap/js/bootstrap-datetimepicker.js"></script>

    <script src="assets/vendor/bootstrap/js/bootstrap-datetimepicker.min.js"></script>

   在压缩包中把这三个文件加入项目中,并在jsp中引用即可。

   注:前提是已经项目导入了使用bootstrap基本的几个css和js文件

2、自写js

    $(function(){   //时间插件
        $("#dateopicker").datetimepicker({
            autoclose:true,//日期选择完成后是否关闭选择框
            bootcssVer:3,//显示向左向右的箭头
            minView: "month",//表示日期选择的最小范围,默认是hour
            format:"yyyy-mm-dd",

            pickerPosition:'bottom-right'//日期插件弹出的位置
        });
    });

3、jsp

<input type="text" class="form-control" id="dateopicker" >

例子:

                                  

猜你喜欢

转载自blog.csdn.net/qq_40142700/article/details/81430137