扩展easyui 功能-datebox

原创于 2011-06-22 17:27:00 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#扩展 #date #function #calendar #object #存储

JAVA base 同时被 2 个专栏收录

216 篇文章

订阅专栏

Web前端

88 篇文章

订阅专栏

本文介绍了一个日期插件的改进方案，通过扩展setDate和getDate方法，实现更方便地操作日期对象，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

datebox setValue与setText是一样的,都是设置的是字面值,这样在使用的时候很不方便,通过扩展setDate,getDate来直接操作date,将更容易

	$.extend($.fn.datebox.methods,{

		//value 存储long,Text存字面值,date放置在calendar内

		setDate:function(elements,date){

			if(typeof date!="object"){

				return;

			}

			var me=this;

			elements.each(function(){

				$.fn.datebox.methods._setDate(this,date);

			});

		},

		_setDate:function(element,date){

			var datebox = $.data(element, "datebox");

			var opts = datebox.options;

			var value=date.getTime();

			var text=opts.formatter(date);

			$(element).combo("setValue", value).combo("setText", text);

			datebox.calendar.calendar("moveTo", date);

		},

		getDate:function(elements){

			//设置值请使用setDate

			return new Date(elements.datebox('getTime'));

		},

		getTime:function(elements){

			//设置值请使用setDate

			return new Number(elements.datebox('getValue'));

		}





	});