所有关联代码均在附件中下载
示例如下:
/**
* 日期时间控件,可单独显示日期,或日期时间。格式可自己设置。和myDate97设置一样
* @class Ext.form.DateTimeField
* @extends Ext.form.TriggerField
*/
Ext.form.DateTimeField = Ext.extend(Ext.form.TriggerField, {
/**
* @param {Array} date97配置列表
* @type
*/
dateConfig:null,
/**
* @param {Boolean} 是否显示时间,默认为不显示
*/
time:false,
triggerClass : 'x-form-date-trigger',
defaultAutoCreate : {tag : "input",type : "text",size : "10",autocomplete : "off"},
initComponent : function() {
Ext.form.DateField.superclass.initComponent.call(this);
this.initDate97js();
this.initDateConfig();
},
onTriggerClick : function(e) {// 点击查找按钮时
if (this.disabled||this.readOnly) {
return;
}
this.onFocus({});
var bodyWidth = document.body.clientWidth;
var xC = document.body.clientWidth - e.xy[0] - this.width;
var yC = document.body.clientHeight - e.xy[1] - this.height;
var x=0;
var y=0;
if (xC > 0)
x = e.xy[0];
else
x = document.body.clientWidth - this.width - 4;
if (yC > 0)
y = e.xy[1];
else
y= document.body.clientHeight - this.height - 4;
// this.dateConfig['position']={left:e.xy[0],top:e.xy[1]};
WdatePicker(this.dateConfig);
},
initDate97js:function(){
var obj=this;
if(!document.getElementById("$date97js")){
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", MCLONIS+"/js/date97/WdatePicker.js");
script.setAttribute("id","$date97js");
try
{
document.getElementsByTagName("head")[0].appendChild(script);
script.onload = script.onreadystatechange = function() {
if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')
return;
script.onreadystatechange = script.onload = null;
WdatePicker(1);
}
}catch(e){}
}
},
initDateConfig:function()
{
if(!this.dateConfig)
this.dateConfig=new Array();
if(!this.dateConfig['el'])
this.dateConfig['el']=this.id;
if(this.time)
this.addDateConfig("dateFmt",'yyyy-MM-dd HH:mm:ss');
else
if(!this.dateConfig["dateFmt"])
this.dateConfig["dateFmt"]='yyyy-MM-dd';
if(!this.dateConfig["skin"])
this.dateConfig["skin"]='ext';
},
addDateConfig:function(name,value)
{
this.removeDateConfig(name);
this.dateConfig[name]=value;
},
removeDateConfig:function(name){
for (var i = 0; i < this.dateConfig.length; i++) {
var temp = this.dateConfig[i];
if (temp && temp.split(':')[0] == name) {
this.dateConfig.pop(i);
return;
}
}
},
setDateConfig:function(config)
{
this.dateConfig=config;
this.initDateConfig();
}
});
- 大小: 11.9 KB
分享到:
相关推荐
用My97扩展ExtJs日期时间插件 (EXT不支持时分秒,我们借助my97完成需求)
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
一款简洁的外观基于EXTJS的日期选择插件,日历插件,在网页上选择日期使用的小插件,按照ext DatePicker素材及思想简化重新实现日历选择器,尚未实现:键盘导航,小时分钟选择, 1.Date api ,某日属于周几,某月...
extjs中有时候查询需要通过日期(年月)查询。而这就是一个只显示年月的日期插件,很好用
扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) EXTJS4.1文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--...
由于开发WEB需要一个WEB计算器插件,在网上找EXTJS4计算器插件没有一个,找extjs4.0计算器找到一个,但由于代码太多,在主界面上写太多代码,自我感觉以后看起来吃力,思路一下子不好摸到。因此写了这个插件,分享给...
dreamweaver Extjs 扩展插件语法提示 在dreamweaver中可以显示Extjs语法提示,提升开发效率,用起来很方便 分.zxp和.mxp两种扩展 cc2015,cs6均可用。 扩展安装需要到用Adobe Extension Manager,请自行在网上百度,...
extjs的spinner插件源码,内容不多 能好好研究
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...
Extjs_htmleditor插件
Ext JS 4.2.6.1811 Release Date: October 5, 2016 Version Number: 4.2.6.1811 ext-examples-ux 89
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
extjs插件开发教程
extjs2.0实现的日期时间选择控件,直接放在extjs的examples文件夹下运行。
extjs 代码提示插件(vs2008)
Extjs4.1可使用的日期时间选择控件,其中有一些不合理之处请各位多提宝贵意见。
extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示:链接论坛:链接 Ext.ux. grid.feature.Tileview 演示:链接
http://www.uspcat.com/forum.php?mod=viewthread&tid=5293 帖子上的日期时间控件有显示的问题,现在修改一下发出来, 该控件基于4.1版本
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...
Extjs相关插件