[备忘]My97 DatePicker 的jQuery插件

最新推荐文章于 2024-09-14 19:44:09 发布

weixin_33963594

最新推荐文章于 2024-09-14 19:44:09 发布

阅读量63

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/leeoo/blog/68589

版权

为什么80%的码农都做不了架构师？>>>

[转自：http://www.cnblogs.com/jifsu/archive/2011/01/13/my97.html]

项目试用 my97 datapicker 4.7 ,顺手写了一个jQuery的插件

调用: jQuery(".datePicker").my97(); 简单试用了一下,满足了基本需求,给需要的人

 
          //my97 datapicker jQuery插件 
         
          ;( 
          function 
          ($){ 
         
          $.fn.my97= 
          function 
          (options){ 
         
          if 
          (! 
          this 
          .length) {  
          //没有指定页面控件,返回jQuery 
         
          return 
          this 
          ; 
         
          } 
         
          options = $.extend( 
          true 
          , { 
         
          width: 
          '80px' 
          , 
         
          title: 
          '选择日期' 
         
          }, options); 
         
          this 
          .each( 
         
          function 
          (){ 
         
          var 
          $ 
          this 
          = $( 
          this 
          ); 
         
          if 
          (!$ 
          this 
          .attr( 
          "id" 
          )) { 
         
          $ 
          this 
          .attr( 
          "id" 
          , 
          "my97dp_" 
          + ($.event.guid++)); 
         
          } 
         
          $ 
          this 
          .bind( 
          "click" 
          , 
          function 
          (){ 
         
          WdatePicker(); 
         
          }).css({width:options.width}).after( 
          '<img style=\'cursor:pointer;\' title=\'' 
          + options.title + 
          '\' onclick="WdatePicker({el:\'' 
          + $ 
          this 
          .attr("id 
          ") +'\'})" 
          src= 
          "/My97DatePicker/skin/datePicker.gif" 
          width= 
          "16" 
          height= 
          "22" 
          align= 
          "absmiddle" 
          >'); 
         
          } 
         
          ); 
         
          } 
         
          })(jQuery);