使用bootstrap-datepicker的beforeShowDay给日历添加特殊日期及样式

             使用Bootstrap-datepicker实现日历，以及使用beforeShowDay给日历的特殊日期添加样式

bootstrap-datepicker在线文档网址：http://bootstrap-datepicker.readthedocs.io/en/latest/

注意：bootstrap-datepicker和bootstrap-datetimepicker是不一样的

所需引入的文件有（这是我用bootstrap时配置的，有点多哈）：

   
    
    
    
    
    
    
    
    
    
    

html代码如下：

   

在JavaScript中实现的代码如下：
var speciald=new Array();
speciald=["2016/12/5","2016/12/9","2016/11/6"];//此处为添加的特殊日期，也可以都设置为yyyy-mm-dd
$('#event_period').datepicker({
      beforeShowDay:function(date){
                var d=date;
                var curr_date=d.getDate();
                var curr_month=d.getMonth()+1;
                var curr_year=d.getFullYear();
                var formatDate=curr_year+"/"+curr_month+"/"+curr_date;

                //特殊日期的匹配

                if($.inArray(formatDate,speciald)!=-1){
                    return {classes:'specialdays'};
                }
                return;
        }    
});
在css中实现的代码：

下面的图片即为特殊日期的背景图片：

实现效果如图：