DedeCMS织梦

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

阿里云

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

代码如下:

  1. <link href="css/base.css" rel="stylesheet" type="text/css" />
  2. <script type="text/javascript" src="js/calendar/calendar.js"></script>
  3. <form name="form1" action="makehtml_all.php" target="stafrm" method="post">
  4.  
  5.     <tr id='seltime'>
  6.       <td height="20"  bgcolor="#FFFFFF">  时间:</td>
  7.       <td height="20"  bgcolor="#FFFFFF">
  8.               <input type="text" name="starttime" id="starttime" value="<?php echo GetDateMk(time()); ?>" style="width:200px" />
  9.                             <script language="javascript" type="text/javascript">
  10.                                         Calendar.setup({
  11.                                                 inputField     :    "starttime",
  12.                                                 ifFormat       :    "%Y-%m-%d",
  13.                                                 showsTime      :    false,
  14.                                                 timeFormat     :    "24"
  15.                                         });
  16.                                  </script>
  17.       </td>
  18.     </tr>
  19.   </form>
也想出现在这里?联系我们
创客主机

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

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

  1. require_once(dirname(__FILE__)."/config.php");
  2. require_once(DEDEINC."/channelunit.func.php");
  3. require_once("demo.html");

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

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

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

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

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

已有 224 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!