My97 DatePicker 的jQuery插件

最新推荐文章于 2025-09-06 08:01:57 发布

转载最新推荐文章于 2025-09-06 08:01:57 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jifsu/archive/2011/01/13/my97.html

文章标签：

#javascript #ViewUI

本文介绍了一个基于my97DatePicker 4.7版本的jQuery插件实现，该插件能够方便地为网页中的输入框添加日期选择功能。通过简单的调用方式，可以快速集成到项目中。

项目试用 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);