My97datepicker时间维度切换

来源：互联网发布：供销大数据集团多少人编辑：程序博客网时间：2024/04/30 13:11

需求：

当左侧的时间维度切换成年，月，日的时候，右侧的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;         }     })

阅读全文

0 0