欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

织梦日历时间在表单中的使用教程

相关案例演示

在织梦网站表单里面有时候我们会用到时间,比如,我们制作表单时,可能让用户填写时间,如果手工填写会很麻烦,但是,如果用一个类似时间或称日历的图形让用户点一下,就可以把时间填写好,这样是不是非常棒。

目标:在表单里面填写加日历时间,方便用户点击选择时间

点击时间后显示的日历时间,只要用户点击时间,程序自动把时间填写到时间输入框里面。

要使用织梦系统自带的时间日历,需要建立一个php文件,一个html文件,因为,要用到php函数,当然并不是非得要用php文件,完全可以只使用html文件就可以,使用php文件的目的是为了初始化时间输入框,也就是在用户刚打开表单时,就有一个初始化的时间,如果没有这个php文件,这个时间就没有了。后面我们会详细解释。

日历时间用到的文件是:

js文件:/dede/js/calendar/calendar.js

css文件:/dede/js/calendar/calendar-green.css

上面这二个文件是必须引入到html文件里面的,这里我把html文件起名为demo.html,上面的js和css文件缺一不可,请把这个两个文件放到demo.html里面。

另外用到的图片文件是:/dede/images

还用到了一个css文件: /dede/css/base.css, 这个base.css文件可以不要,这个是用来设置在时间输入框中加入一个小图标,如下图所示:

完整的html代码如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>我的网站-织梦内容管理系统 V57_UTF8_SP1</title> <link href=http://www.dede58.com/a/dedejq/"css/base.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src=http://www.dede58.com/a/dedejq/"js/calendar/calendar.js"></script> </head> <body style="margin-top:80px;"> <table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#D6D6D6"> <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()); ?>" style="width:200px" /> <script language="javascript" type="text/javascript"> Calendar.setup({ inputField : "starttime", ifFormat : "%Y-%m-%d", showsTime : false, timeFormat : "24" }); </script> </td> </tr> </form> </table> </body> </html>  

请注意:上面代码里面的input里面的name值,这个要根据你自己建立的表单进行相应的修改。另外上面提到过要使用一个php文件的,原因就是这个input里面的value="<?php echo GetDateMk(time()); ?>"代码,这里使用了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文件路径等,这个比较简单不用多解释了。

作者:欣怡建站 挑错 时间:2020-01-13 02:20
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服