求助 带时间的日期控件

~~疯狂~~

建议管理员做发一两个extaspnet简单控件开发的教程，这样大家学会了以后控件就更多了。

自己不懂extaspnet的控件开发，请高手帮忙做个带时间的日期控件。具体的js别人已经实现，需要再处理一下：


用My97扩展成的ExtJs日期时间插件

所有关联代码均在附件中下载

示例如下：

1. /**
   
2. * 日期时间控件，可单独显示日期，或日期时间。格式可自己设置。和myDate97设置一样
   
3. * @class Ext.form.DateTimeField
   
4. * @extends Ext.form.TriggerField
   
5. */
   
6. Ext.form.DateTimeField = Ext.extend(Ext.form.TriggerField, {
   
7.         /**
   
8.          * @param {Array} date97配置列表
   
9.          * @type
   
10.          */
    
11.         dateConfig:null,
    
12.         /**
    
13.          * @param {Boolean} 是否显示时间,默认为不显示
    
14.          */
    
15.         time:false,
    
16.         triggerClass : 'x-form-date-trigger',
    
17.         defaultAutoCreate : {tag : "input",type : "text",size : "10",autocomplete : "off"},
    
18.         initComponent : function() {
    
19.                 Ext.form.DateField.superclass.initComponent.call(this);
    
20.                 this.initDate97js();
    
21.                 this.initDateConfig();
    
22.         },
    
23.         onTriggerClick : function(e) {// 点击查找按钮时
    
24.                 if (this.disabled||this.readOnly) {
    
25.                         return;
    
26.                 }
    
27.                 this.onFocus({});
    
28.                 var bodyWidth = document.body.clientWidth;
    
29.                 var xC = document.body.clientWidth - e.xy[0] - this.width;
    
30.                 var yC = document.body.clientHeight - e.xy[1] - this.height;
    
31.                 var x=0;
    
32.                 var y=0;
    
33.                 if (xC > 0)
    
34.                         x = e.xy[0];
    
35.                 else
    
36.                         x = document.body.clientWidth - this.width - 4;
    
37. 
    
38.                 if (yC > 0)
    
39.                         y = e.xy[1];
    
40.                 else
    
41.                         y= document.body.clientHeight - this.height - 4;
    
42. //                this.dateConfig['position']={left:e.xy[0],top:e.xy[1]};
    
43.                 WdatePicker(this.dateConfig);
    
44.         },
    
45.         initDate97js:function(){
    
46.                 var obj=this;
    
47.                 if(!document.getElementById("$date97js")){
    
48.                          var  script  =  document.createElement("script");   
    
49.                           script.setAttribute("type",   "text/javascript");   
    
50.                           script.setAttribute("src",   MCLONIS+"/js/date97/WdatePicker.js");
    
51.                           script.setAttribute("id","$date97js");
    
52.                           try   
    
53.                           {   
    
54.                                   document.getElementsByTagName("head")[0].appendChild(script);
    
55.                                   script.onload = script.onreadystatechange = function() {
    
56.                                            if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')
    
57.                                     return;
    
58.                                  script.onreadystatechange = script.onload = null;
    
59.                                  WdatePicker(1);
    
60.                                  }
    
61.                           }catch(e){}
    
62.                 }
    
63.         },
    
64.         initDateConfig:function()
    
65.         {
    
66.                 if(!this.dateConfig)
    
67.                         this.dateConfig=new Array();
    
68.                 if(!this.dateConfig['el'])
    
69.                         this.dateConfig['el']=this.id;
    
70.                 if(this.time)
    
71.                         this.addDateConfig("dateFmt",'yyyy-MM-dd HH:mm:ss');
    
72.                 else
    
73.                         if(!this.dateConfig["dateFmt"])
    
74.                                 this.dateConfig["dateFmt"]='yyyy-MM-dd';
    
75.                 if(!this.dateConfig["skin"])
    
76.                         this.dateConfig["skin"]='ext';
    
77.         },
    
78.         addDateConfig:function(name,value)
    
79.         {
    
80.                 this.removeDateConfig(name);
    
81.                 this.dateConfig[name]=value;
    
82.         },
    
83.         removeDateConfig:function(name){
    
84.                 for (var i = 0; i < this.dateConfig.length; i++) {
    
85.                         var temp = this.dateConfig[i];
    
86.                         if (temp && temp.split(':')[0] == name) {
    
87.                                 this.dateConfig.pop(i);
    
88.                                 return;
    
89.                         }
    
90.                 }
    
91.         },
    
92.         setDateConfig:function(config)
    
93.         {
    
94.                 this.dateConfig=config;
    
95.                 this.initDateConfig();
    
96.         }
    
97. });

复制代码

ExtJS之时间控件

   可能很多朋友都会觉得ExtJS自己的日期控件不是很好用，比如要选择精确时间“2009-09-03 10:28:54”就显得无能为力了，网上有些高手扩展了这些控件，但个人感觉不是很好用，且目前没有发现可以用于EXT 3.0版本的。
    现给大家推荐EXtJS结合my97 的时间控件一起使用。首先下载MY97：http://www.my97.net/dp/index.asp
    接着引入到你使用的页面<script src="My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    最后定义你的表单：items:[ {
                                fieldLabel: '开始时间',
                                listeners: {
                                'focus': function(){WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})}
                                }]
OK，可以使用了。




my97时间控件官网，有免费版的。
http://www.my97.net/dp/index.asp

~~疯狂~~

哪位高手帮忙指点一下？

~~疯狂~~

看来只能自己支持了！

iaimg

三石先生不看贴啊，这个帖子好啊

iaimg

强烈要求支持时间的时间控件

iaimg

继续顶

蒙奇.D.二毛

好的，时间控件

erp8@live.cn

iaimg 发表于 2012-10-12 03:20
继续顶

继续顶