My97datepicker时间维度切换

需求：

当左侧的时间维度切换成年，月，日的时候，右侧的My97datepicker控件也对应显示年月日的状态。
效果图如下：

代码如下：

//当下拉框改变时
$("#dimension").change(function(){
  	     $("#startTime").val('');
  	     $("#endTime").val('');
		 //获取当前选中的Select的option的value
		 var dimension=$("#dimension").find("option:selected").val();
		 //根据value的不同创建WdatePicker不同的状态
		 switch(dimension){
			 case 'day':
				 $("#startTime").click(function(){
					$dp.hide();
				 	WdatePicker({lang:'${lang}',dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'endTime\')}'});
			 	  });
			      $("#endTime").click(function(){
			    	  $dp.hide();
			    	WdatePicker({lang:'${lang}',dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'startTime\')}'});
			 	  });
			 break;
			 case 'month':
				 $("#startTime").click(function(){
					 $dp.hide();
				    WdatePicker({lang:'${lang}',dateFmt:'yyyy-MM',readOnly:true,maxDate:'#F{$dp.$D(\'endTime\')}'});
				 });
			     $("#endTime").click(function(){
			    	 $dp.hide();
			    	WdatePicker({lang:'${lang}',dateFmt:'yyyy-MM',readOnly:true,minDate:'#F{$dp.$D(\'startTime\')}'});
			 	  });
			 break;
			 case 'year':
				 $("#startTime").click(function(){
					 $dp.hide();
					 WdatePicker({lang:'${lang}',dateFmt:'yyyy',readOnly:true,maxDate:'#F{$dp.$D(\'endTime\')}'});
			 	  });
			     $("#endTime").click(function(){
			    	 $dp.hide();
			    	 WdatePicker({lang:'${lang}',dateFmt:'yyyy',readOnly:true,minDate:'#F{$dp.$D(\'startTime\')}'});
			 	  });
			 break;
		 }
	 })