js实现时间控件，PC端展示 带点日期插件

html:

<div class="dotDate"></div>

<style type="text/css">
		 /* 日期样式 */
		.datePicker caption{text-align:center;}
		.datePicker caption label{cursor: default;display:inline-block;width:60%;line-height:2.2;}
		.datePicker caption .left,.datePicker caption .right{display:inline-block;width:width: 40px;font-size: 26px;cursor: pointer;}
		.datePicker tr td,.datePicker tr th{width:2.0em;height:2.0em;text-align:center;}
		.datePicker tr td .today{color: #fff;width:38px;font-size:14px;line-height:38px;border-radius:50%;background:#5452CF;}
		.datePicker tr td.beforeMonth,	.datePicker tr td.afterMonth{color:#CCC;}
		.group{text-align:center;}
		.group label{display:block;margin: auto;}
		.group i{display:inline-block;}
		.group i{width:8px;height:8px;border-radius:50%;}
		.dot{background:#FF0000;}
</style>

（1）使用 (加载展示日期 和 点)

	$(function(){
			 var date=new Date;
			 var year=date.getFullYear();  //获取当前年份
			 var month=date.getMonth()+1; //获取当前月份
			 $(".dotDate").datePicker(year,month,{
				 currentMonthClick:function(e){ },

                              //显示点 {方法2是：点击左右两边切换月份 获取当前月份的（点数据）回调函数} begin                    

                                 loadSuccess:function(year,month){	

					 //console.log(year+","+month);
					 addDots(year,month);
				 }

                                方法2end 
				 beforeMonthClick:function(e){},
				 afterMonthClick:function(e){}
				//alert($(this).data("year