账号通
    

账号  

密码  

66900

查看

121

回复
主题:[原创][申精]5.5成功实现自定义字段时间类型调用日历控件! [收藏主题] 本贴被认定为精华 转到:  
7256504 当前离线

617

主题

1

广播

0

粉丝
添加关注
级别:六年级

用户积分:6143 分
登录次数:538 次
注册时间:2007/3/15
最后登录:2018/9/7
7256504 发表于:2008/12/24 23:37:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

在用户注册的时候有个出生日期,一般是设置成文本框的,但是系统中有个时间型的选项,一旦选择了时间类型后,对于用户输入就很严格了,必须按照“0000-00-00”的类型输入,否则不能通过,怎么办?改!


首先看实现效果:



此主题相关图片如下:20081224225434359.png
20081224225434359.png


方法:


一、下载My97DatePicker日历控件,目前版本是4.2(也可以调用科讯自己的控件,具体可以查看/admin/KS.Article.asp的源代码,看懂我这个教程后就会用科讯的调用了,但我觉得这个控件更漂亮点 :-)),


下载地址:http://www.my97.net/dp/demo/index.htm


下载后解压到任意目录,我是放在/js/date 下。


二、进入模板目录——会员中心 修改“填写注册表单2.html”


<head></head>中加入js引用:


<script type="text/javascript" src="/JS/date/WdatePicker.js"></script>


三、修改/User/UserReg.asp 文件


第94行下面加入:


以下内容只有回复后才可以浏览,请先登录!


四、在后台管理——用户——会员字段管理 中添加一个日期型字段,然后在“会员表单管理”——“个人注册表单”启用这个自定义字段,并勾选“自动生成录入表单”,点击确定修改,完成!


最后在注册会员里测试下成功没有!


 


最后祝大家圣诞节、元旦节、春节快乐!


-------------------------------------------------


2009年1月8日补充其他地方的修改方法:


会员中心 ——会员后台文章发布的时候,自定义时间类型也调用控件:


修改/KS_Cls/Kesion.MemberCls.asp


第154行左右加入红色部分代码:


If F_Value=O_Value Then
         KS_D_F=KS_D_F & "<option value=""" &O_Value& """ selected>" & O_Text & "</option>"
        Else
         KS_D_F=KS_D_F & "<option value=""" & O_Value& """>" &O_Text & "</option>"
        End If
         End If
        Next
       KS_D_F=KS_D_F & "</select>"


[replyview]


'用户中心时间字段调用js控件
       Case 5
        KS_D_F=KS_D_F & "  <input onClick=""WdatePicker()""  type=""text"" class=""textbox"" style=""width:" & F_Arr(7,i) & """ name=""" & F_Arr(0,i) & """ value=""" & F_Value & """>"
[/replyview]


      Case 6
      O_Arr=Split(F_Arr(5,I),vbcrlf): O_Len=Ubound(O_Arr)
      For K=0 To O_Len


然后再在449行下面加入js引用:


<script src="../ks_inc/common.js"></script>


<script type="text/javascript" src="/JS/date/WdatePicker.js"></script>


----------------------------


会员中心 ——修改基本信息——修改的出生日期调用日历控件:


/User/User_EditInfo.asp


第174行


请填写正确的出生日期,格式:0000-00-00</td>
                            <td width="72%">&nbsp;&nbsp;
                                <input onClick="WdatePicker()"  name="Birthday" class="textbox" type="text" id="Birthday" value="<%=KSUser.Birthday%>" size="30" maxlength="50" />
                                <span style="color: red">*</span></td>


 


第270行左右:


If Trim(RSU(SQL(2,K)))=O_Value Then
          InputStr=InputStr & "<option value=""" & O_Value& """ selected>" & O_Text & "</option>"
          Else
          InputStr=InputStr & "<option value=""" & O_Value& """>" & O_Text & "</option>"
          End If
          Next
         InputStr=InputStr & "</select>"


[replyview]


        Case 5
     InputStr="<input type=""text"" onClick=""WdatePicker()"" class=""Wdate""  style=""width:" & SQL(4,K) & """ name=""" & lcase(SQL(2,K)) & """ value=""" & RSU(SQL(2,K)) & """>"


[/replyview]


        Case 6
          O_Arr=Split(SQL(6,K),vbcrlf): O_Len=Ubound(O_Arr)
          If O_Len>1 And Len(SQL(6,K))>50 Then BrStr="<br>" Else BrStr=""


加入红色那行代码即可!


----------------------------------------------------


  • My97DatePicker日历控件使用注意事项:
  • My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
  • My97DatePicker.htm是必须文件,不可删除,不可改名
  • 各目录及文件的用途:
    WdatePicker.js 配置文件,在调用的地方仅需使用该文件
    config.js 语言和***配置文件
    calendar.js 日期库主文件)
    My97DatePicker.htm 临时页面文件,不可删除
    目录lang 存放语言文件
    目录skin 存放***的相关文件

  • 当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式


  •  
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    crazy_bird 当前离线

    51

    主题

    0

    广播

    0

    粉丝
    添加关注
    级别:学前班

    用户积分:463 分
    登录次数:40 次
    注册时间:2010/3/14
    最后登录:2010/9/14
    crazy_bird 发表于:2010/4/16 1:43:00   | 只看该作者 查看该作者主题 沙发 
    做在线知识付费 选科汛云开店
    正在找日历控件,谢谢
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    manbu 当前离线

    142

    主题

    0

    广播

    0

    粉丝
    添加关注
    级别:一年级

    用户积分:1231 分
    登录次数:136 次
    注册时间:2008/8/14
    最后登录:2014/4/8
    manbu 发表于:2010/1/24 17:02:00   | 只看该作者 查看该作者主题 藤椅 
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    hongim 当前离线

    200

    主题

    0

    广播

    0

    粉丝
    添加关注
    级别:二年级

    用户积分:678 分
    登录次数:43 次
    注册时间:2009/7/1
    最后登录:2016/12/1
    hongim 发表于:2010/1/23 14:33:00   | 只看该作者 查看该作者主题 板凳 
    做在线知识付费 选科汛云开店
    自定义字段时间类型调用日历控件虽然好多地方有,还是要多谢
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    hawkshell 当前离线

    93

    主题

    0

    广播

    0

    粉丝
    添加关注
    级别:学前班

    用户积分:1210 分
    登录次数:134 次
    注册时间:2008/8/24
    最后登录:2012/3/24
    hawkshell 发表于:2010/1/22 14:47:00   | 只看该作者 查看该作者主题 报纸 

    看看如何?

    希望不错

     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    bingpocl 当前离线

    55

    主题

    0

    广播

    1

    粉丝
    添加关注
    级别:学前班

    用户积分:431 分
    登录次数:58 次
    注册时间:2008/4/22
    最后登录:2012/12/31
    bingpocl 发表于:2010/1/22 5:28:00   | 只看该作者 查看该作者主题 地板 
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    xmship 当前离线

    463

    主题

    1

    广播

    0

    粉丝
    添加关注
    级别:四年级

    用户积分:2539 分
    登录次数:197 次
    注册时间:2008/1/21
    最后登录:2019/12/24
    xmship 发表于:2009/9/21 9:41:00   | 只看该作者 查看该作者主题 7楼 
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    wei123lop 当前离线

    338

    主题

    5

    广播

    1

    粉丝
    添加关注
    级别:三年级

    用户积分:3499 分
    登录次数:609 次
    注册时间:2008/3/15
    最后登录:2019/12/9
    wei123lop 发表于:2009/9/18 10:50:00   | 只看该作者 查看该作者主题 8楼 
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    wei123lop 当前离线

    338

    主题

    5

    广播

    1

    粉丝
    添加关注
    级别:三年级

    用户积分:3499 分
    登录次数:609 次
    注册时间:2008/3/15
    最后登录:2019/12/9
    wei123lop 发表于:2009/9/18 10:50:00   | 只看该作者 查看该作者主题 9楼 
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    qifeng 当前离线

    34

    主题

    0

    广播

    0

    粉丝
    添加关注
    级别:学前班

    用户积分:206 分
    登录次数:4 次
    注册时间:2009/9/1
    最后登录:2009/9/3
    qifeng 发表于:2009/9/2 17:13:00   | 只看该作者 查看该作者主题 10楼 
    科汛在线考试系统(NET)

    好帖顶一个.


     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    <上一主题 | 下一主题 >
    Powered By KesionCMS Version X1
    厦门科汛软件有限公司 © 2006-2016 页面执行0.25000秒 powered by KesionCMS 9.0