bootstrap-datepicker使用，只显示年，显示年月，显示日三种情况

爱被打了一巴掌 2021-07-27 01:46 770阅读 0赞

插件下载地址：[https://github.com/uxsolutions/bootstrap-datepicker][https_github.com_uxsolutions_bootstrap-datepicker]

使用：引入dist文件夹下面这三个文件

![20200630115821638.png][]

**html**

**js**

//只显示年
        $('.datetimepicker1').datepicker({
            //language: 'zh-CN', //语言
            format: 'yyyy',
            language: "zh-CN",
            autoclose:true,
            startView: 2,
            minViewMode: 2,
            maxViewMode: 2
        });
        //显示年月
        $('.datetimepicker2').datepicker({
            //language: 'zh-CN', //语言
            format: 'yyyy-mm',
            language: "zh-CN",
            autoclose:true,
            startView: 2,
            minViewMode: 1,
            maxViewMode: 2
        });
        //显示日
        $('.datetimepicker3').datepicker({
            //language: 'zh-CN', //语言
            format: 'yyyy-mm',
            language: "zh-CN",
            autoclose:true,
            startView: 0,
            minViewMode: 0,
            maxViewMode: 0
        });

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70][]

[https_github.com_uxsolutions_bootstrap-datepicker]: https://github.com/uxsolutions/bootstrap-datepicker
[20200630115821638.png]: /images/20210726/96cf8b1ce444447c9111c568de95b119.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70]: /images/20210726/e7261b64e50b416e92d8e36d3889b28a.png