账号通
    

账号  

密码  

66965

查看

121

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

617

主题

1

广播

0

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

用户积分:6143 分
登录次数:538 次
注册时间:2007/3/15
最后登录:2018/9/7
7256504 发表于:2008/12/24 23:37:00   | 显示全部帖子 查看该作者主题 楼主 
科汛智能建站系统

在用户注册的时候有个出生日期,一般是设置成文本框的,但是系统中有个时间型的选项,一旦选择了时间类型后,对于用户输入就很严格了,必须按照“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) 回到顶部顶端 回到底部底部
    7256504 当前离线

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2009/1/18 0:26:00   | 显示全部帖子 查看该作者主题 沙发 
    做在线知识付费 选科汛云开店
    以下是引用flyingfish在2009-1-17 17:23:00的发言:
    为什么非得要回复才能看到内容呢?

    是为了让更多的人看到这个帖子。

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/30 17:02:00   | 显示全部帖子 查看该作者主题 藤椅 
    做在线知识付费 选科汛云开店
    5.5正式版没有加入此功能,哎,有点遗憾,得自己改~~~希望科汛能在V5.51版本加啊!
     
      支持(0) | 反对(0) 回到顶部顶端 回到底部底部
    7256504 当前离线

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/29 10:00:00   | 显示全部帖子 查看该作者主题 板凳 
    做在线知识付费 选科汛云开店
    以下是引用MSAD在2008-12-28 21:19:00的发言:

    路径是设置好了的。不过我把My97DatePicker.htm改成DatePicker.htm了。不知道是不是这个问题?

    不能改名的!你看使用说明就知道了。下载来的压缩包是一个整体不能改动任何文件的。

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/26 9:41:00   | 显示全部帖子 查看该作者主题 报纸 
    做在线知识付费 选科汛云开店
  • 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) 回到顶部顶端 回到底部底部
    7256504 当前离线

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/26 9:33:00   | 显示全部帖子 查看该作者主题 地板 
    科汛在线商城系统(NET)
    以下是引用MSAD在2008-12-25 16:09:00的发言:
    全部按照提示修改,没有成功。还是需要手工输入的那种,没有特效出现。比较郁闷。

    js引用路径设置对了没有

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/25 11:16:00   | 显示全部帖子 查看该作者主题 7楼 

    第三次补充:

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

    /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>

     

    加入红色那行代码即可!

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/25 10:48:00   | 显示全部帖子 查看该作者主题 8楼 
    科汛在线考试系统(NET)

    /KS_Cls/Kesion.MemberCls.asp

    是在

     

    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>"

     

    的下面

     

    Case 6 的前面。

     

    js引用放在:

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

     

    的下面!

     

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/25 10:45:00   | 显示全部帖子 查看该作者主题 9楼 
    科汛在线网校系统

    具体来说就是:

    /User/UserReg.asp文件的

     

    If SQL(3,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>"

     

    的下面

     

    也就是Case 6 的前面~~~

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

    617

    主题

    1

    广播

    0

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

    用户积分:6143 分
    登录次数:538 次
    注册时间:2007/3/15
    最后登录:2018/9/7
    7256504 发表于:2008/12/25 10:07:00   | 显示全部帖子 查看该作者主题 10楼 
    科汛在线商城系统(NET)

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


    修改/KS_Cls/Kesion.MemberCls.asp


    第154行下面加入:


    [replyview]'用户中心时间字段调用js控件,修改于2008-12-25
           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]


     


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


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


    完成!

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