DedeCMS织梦自定义表单中的使用日历时间教程

DedeCMS织梦自定义表单中的使用日历时间教程,第1张

概述我们在织梦网站表单里面有时候我们会用到时间,比如,我们制作表单时,可能让用户填写时间,如果手工填写会很麻烦,但是,如果用一个类似时间或称日历的图

我们在织梦网站表单里面有时候我们会用到时间,比如,我们制作表单时,可能让用户填写时间,如果手工填写会很麻烦,但是,如果用一个类似时间或称日历的图形让用户点一下,就可以把时间填写好,这样是不是非常棒。点击时间后显示的日历时间,只要用户点击时间,程序自动把时间填写到时间输入框里面。要使用织梦系统自带的时间日历,需要建立一个 PHP 文件,一个 HTML 文件,因为,要用到 PHP 函数,当然并不是非得要用 PHP 文件,完全可以只使用 HTML 文件就可以,使用 PHP 文件的目的是为了初始化时间输入框,也就是在用户刚打开表单时,就有一个初始化的时间,如果没有这个 PHP 文件,这个时间就没有了。后面我们会详细解释。


代码如下:

<link href="CSS/base.CSS" rel="stylesheet" type="text/CSS" />

<script type="text/JavaScript" src="Js/calendar/calendar.Js"></script>

<form name="form1" action="makeHTML_all.PHP" target="stafrm" method="post">

 

<tr ID='seltime'>

<td height="20" bgcolor="#FFFFFF"> 时间:</td>

<td height="20" bgcolor="#FFFFFF">

<input type="text" name="starttime" ID="starttime" value="<?PHP echo GetDateMk(time()); ?>" wIDth:200px" />

<script language="JavaScript" type="text/JavaScript">

Calendar.setup({

inputFIEld : "starttime",

ifFormat : "%Y-%m-%d",

showsTime : false,

timeFormat : "24"

});

</script>

</td>

</tr>

</form>

请注意:上面代码里面的 input 里面的 name 值,这个要根据你自己建立的表单进行相应的修改。另外上面提到过要使用一个 PHP 文件的,原因就是这个 input 里面的 value=""代码,这里使用了 PHP 系统,也就是织梦系统里面的一函数 GetDateMk(time());这个函数的作用是把当前时间当作默认的时间。这样我们就把 demo.HTML(如果不使用 PHP 函,现在就可以了,只要把这个文件放到 dede 目录里面即可)。

日历时间用到的 PHP 文件,上面二次提到了要用到织梦系统时间函数,所以,我们再建立一个 PHP 文件 demo.PHP,这个文件的目的就是说简单点就是为了引入函数 GetDateMk(time()。然后,引入 demo.HTML 文件,demo.PHP 文件代码如下:

require_once(dirname(__file__)."/config.PHP");

require_once(DEDEINC."/channelunit.func.PHP");

require_once("demo.HTML");

这样就实现了在表单输入框中加入的日历时间了。

请注意: 如果您不想使用 PHP 函数的话,请直接把 demo.HTML 文件里面的 input 里面的 value 值设置为空,即去掉函数 GetDateMk(time(),这样您就可以只使用 demo.htm 文件了。

这样我们就成功把日历时间引入到表单里面,如果您想在别的地方使用时间,跟上面的方便完全一样。

注意:上面的演示我是把 demo.PHP 和 demo.HTML 文件放到了 dede 目录里面演示的,如果您想放到自己的目录,请修改相应的路径,例如,CSS 里面的 image 图片路径,PHP 文件路径等,这个比较简单不用多解释了。

服务范围

1、专业提供wordpress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服

2、本站承接 wordpress、Dedecms、ThinkPHP 等系统建站、仿站、开发、定制等服务

3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)

售后时间

周一至周五(法定节假日除外) 10:00-22:00

查看演示

咨询汉化

此链接为英文原版演示地址,由于英文演示针对的是境外用户,机房位于境外国内访问可能比较缓慢如果长时间未显示可以尝试刷新几次。

专业提供wordpress主题安装、深度汉化、加速优化等服务,详询在线客服!

总结

以上是内存溢出为你收集整理的DedeCMS织梦自定义表单中的使用日历时间教程全部内容,希望文章能够帮你解决DedeCMS织梦自定义表单中的使用日历时间教程所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zz/998107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存