Extjs-扩展 Date String Function Number Array

最新推荐文章于 2025-04-07 15:33:59 发布

原创最新推荐文章于 2025-04-07 15:33:59 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#function #string #date #扩展

Extjs 专栏收录该内容

42 篇文章

订阅专栏

1.扩展Date

Date是Ext扩展功能最丰富的类型

<script type='text/javascript'>
	Ext.onReady(function() {
	  	var date = Ext.util.Format.date(new Date(),'Y-m-d');
	  	alert('当前年月日 '+date);
	  	alert('当前时间 'new Date().toLocaleString());
	  	alert('今年是否是闰年 '+new Date().isLeapYear());
	  	alert('今天是今年的第 '+new Date().getDayOfYear()+'天');
	  	alert('本月共有 '+new Date().getDaysInMonth()+'天');
	});
</script>

在原有的基础上增加几天

<script type='text/javascript'>
	Ext.onReady(function() {
	  	var date = Ext.util.Format.date(new Date(),'Y-m-d');
	  	alert('当前年月日 '+date);//打印2012-08-21
	  	/*
	  		除了Date.DAY之外,我们还可以使用Date.HOUR,Date.MILIT,
	  		Date.MINUTE,Date.MONTH,Date.SECOND,Date.YEAR
	  	*/
	  	var dt = Ext.util.Format.date(new Date().add(Date.DAY,5),'Y-m-d');
	  	alert('增加5天后 '+dt);//打印2012-08-26
	  	/*
	  		between(Date start,Date end)可以判断日期变量是否在给定范围之内
	  		getElapsed([Date date])获取日期变量与指定日期之间相差的毫秒数,它可以用于计算两个时间点之间的间隔
	  		在Ext中,我们可以直接使用
	  		format('Y-m-d');获取特定格式的日期
	  		parse('2008-07-24','Y-m-d');将字符串解析为对应的日期变量
	  	*/
	  	
	});
</script>

2.扩展String
Ext为字符串类型提供了几个工具函数

escape(String string)它会将'和\进行转义处理
format(String string,String value1,String value2)提供一个自定义模版,第一个参数传递一个包含替换标志的字符串,后面的参数会根据替换标志放到对应的位置上
leftPad(String str,Number size,[String char])它保证string的长度不能小于size,如果不够就使用第三个左侧补齐		
toggle(String value,String other)如果当前字符串与第一个参数相同,返回第二个参数,否则返回第第二个参数

3. 扩展Function

Function是javascript的默认类型,所有函数都是他的实例

createCallback()函数会创建当前函数的回调函数

<script type='text/javascript'>
	Ext.onReady(function() {
		var sayHi = function(name){
			alert('Hi '+name);
		};
		
		new Ext.Button({
			text : '按钮',
			renderTo : Ext.getBody(),
			handler : sayHi.createCallback('lwc')
		});
	});
</script>

createDelegate([Objectobj],[Array args],[Boolean/Number appendArgs])会创建当前函数的代理函数

<script type='text/javascript'>
	Ext.onReady(function() {
		var sayHi = function(name){
			 alert('Hi, ' + name + '. You clicked the "' + this.text + '" button.');
		};
		
		var btn = new Ext.Button({
			text : '按钮',
			renderTo : Ext.getBody()
		});
		btn.on('click', sayHi.createDelegate(btn,['lwc']));
	});
</script>

createInterceptor(Functionfcn,[Object scope])为当前函数设置拦截器

待补充...
4.扩展 Number

constrain(Number min,Number max)它判断某个数字变量是否在设置的范围内,
如果在设置的范围内,就返回原值,如果不再就返回靠近边界的数值

<script type='text/javascript'>
	Ext.onReady(function() {
		var num = 50;
		alert(num.constrain(0,100));//50
		alert(num.constrain(60,100));//60
		alert(num.constrain(0,40));//40  	
	});
</script>

5.扩展Array

Ext为数组对象增加了两个函数indexOf(),remove()
indexOf(Object obj)函数首先检测出入的参数是否包含在数组中,如果obj还没有加入数组中就返回-1,否则返回索引值
remove(Object obj)函数将指定的参数从数组中删除