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

名站网址导航为大驾家提供DedeCMS站点程序站点教程相关的知识，比如织梦程序安装教程,织梦程序系统故障等教程。

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

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

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

要使用织梦程序系统自带的时间日历，需要建立一个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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>我的站点-织梦程序网站内容管理系统 V57_UTF8_SP1</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="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网站文件路径等，这个比较简单不用多解释了。