欢迎来到六久阁织梦模板网!
织梦日历时间在表单中的使用教程

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

浏览次数: 0

作者: 六久阁织梦模板网

信息来源: 六久阁

更新日期: 2018-04-02

文章简介

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

  • 正文开始
  • 热门文章

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


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

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

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

 

日历时间用到的文件是:

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

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

  上面这二个文件是必须引入到html文件里面的,这里我把html文件起名为demo.html,上面的jscss文件缺一不可,请把这个两个文件放到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.phpdemo.html文件放到了dede目录里面演示的,如果您想放到自己的目录,请修改相应的路径,例如,css里面的image图片路径,php文件路径等,这个比较简单不用多解释了。

织梦二次开发QQ群

本站客服QQ号:3149518909(点击左边QQ号交流),群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将为您写解决教程!

转载请注明: 织梦模板 » 织梦日历时间在表单中的使用教程

  • 织梦dedecms手机站m目录下不生成index.html实现动态更新
    阅读
    用 织梦建站 会手机站首页不更新的苦恼,每次 PC 更新,要去删除 m 目录下的 index.html ,手机站首页才会更新,这样很麻烦,通过以下修改,让手机站首页是动态的,不生成 index.html , PC 端更新后,手机端首页自动更新。 把 \m\index.php 里面的 $row[sho...
  • 织梦Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201的解决方法
    阅读
    织梦系统安装好后,进入后台,出现Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201 一般出现这个问题是因为升级网站引起的。我们可以直接把错误提示这段代码删除或者屏蔽就行了。 打开/dede/sys_info.php,找到201...
  • 织梦dedecms提交自定义表单后发送到指定邮箱
    阅读
    网上很多教程都是用 dedecms 自带的邮件库发送邮件,而且是写死要发送的字段内容,今天我们用 phpmailer 来给站长发送自定义表单提交的数据到指定邮箱上 (QQ 邮箱, 163 邮箱都可以 ) ,不写死任何东西,有什么字段就提交发送什么字段。 操作之前,我们要先...
  • 织梦Dedecms 5.7 火车头采集免登陆发布接口适配PHP7.X插件
    阅读
    最近有粉丝说,之前用的火车头发布文章时,用免登陆接口在PHP7.0环境中显示空白,于是今天抽空更新了一下插件(话说,DedeCms早期版本无法在PHP7.X运行,用最新版的!),那么接下来的代码就是插件发布模块无须变更,只需要变更接口插件就可以了 ?php/*/////...
  • 织梦dedecms系统多城市分站功能开发思路
    阅读
    当前很多人用织梦dedecms系统建站,多城市分站对地方性长尾关键词和全国市场的推广有着很大的帮助,今天和大家分享下如何实现织梦dedecms系统多城市分站功能。 方法/步骤 织梦dede城市分站有三种方法: 第一种是建立N多个模板,有多少个城市建立多少个模板,...
  • 织梦dedecms网站添加打赏功能
    阅读
    有时我们看到别人家的织梦dedecms网站有打赏功能,是不是羡慕嫉妒恨呢?今天我来给大家讲讲织梦网站怎么添加支付宝、微信打赏功能。 二、首先登陆畅言后台(没有畅言账号的首先注册账号) 三、进入后台,找到实验室--打赏 四、设置配置信息,保存。 五、复制...
  • dedecms织梦ckplayer视频播放器插件详细安装教程
    阅读
    织梦 ckplayer 视频播放器插件安装步骤: 第一步、下载安装插件。下载地址:点击此处 将下载下来的压缩包中的相应编码的模块文件解压出来再上传到织梦程序的 data/module/ 文件夹内或者直接在后台模块管理菜单里面选择上传新模块安装即可。如下图: 1.1 )上...
  • 织梦火车头采集免登陆接口采集文章后自动更新栏目、首页、文章页,实现自动化采集
    阅读
    最近用织梦dedecms程序采集文章时候,发现每次采集都要去后台更新一下文章、栏目、上下篇以及首页,操作起来真心麻烦,后面在网上收集了一些代码以及经过自己调试,发现居然可以自动更新文章页以及栏目、首页。真心爽,这样子就能稳稳的挂机采集了哈。这是免...
  • 织梦手机站下一篇变上一篇而且还出错Request Error!
    阅读
    最新的织梦dedecms程序手机版下一篇变上一篇而且还出错Request Error!,这是因为官方写错了一个地方 打开 /include/arc.archives.class.php 找到 $mlink = view.php?aid=.$preRow[id]; 注意:这个文件里面有2个上面的代码,真正要改的是大概在 839 行 改成 $...
  • 织梦获取当前栏目id并判断使当前导航栏目高亮
    阅读
    织梦导航栏目高亮代码如下: {dede:field name=typeid runphp=yes} if(@me==8) @me=1; else @me=0; {/dede:field} 导航的写法, 比如:lia href={dede:type typeid=7}[field:typelink /]{/dede:type} {dede:field name=typeid runphp=yes} if(@me==7) @me=cl...
收藏此文 打赏本站

如本文对您有帮助,就请六久阁织梦模板网抽根烟吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
织梦添加专题自定义字段教程
« 上一篇 2018年04月02日
织梦dedecms图片联动筛选教程
下一篇 » 2018年04月02日

精彩评论

有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!
推荐织梦插件更多
推荐精品模板更多
高端大气装修装饰公司营销官网(带手机端带筛选)
更新时间:2017-11-01

人已经看过了!

房地产房屋建筑建造装修类织梦模板(带手机端)
更新时间:2019-11-11

人已经看过了!

重型机械设备响应式织梦模板
更新时间:2017-08-10

人已经看过了!

中英双语窗帘门窗类网站织梦模板(响应式源码)
更新时间:2019-09-29

人已经看过了!

营销型装饰装修展柜制作织梦模板(带手机端)
更新时间:2018-04-17

人已经看过了!

漂亮清爽的织梦会员中心模板带推广邀请发布文章
更新时间:2017-10-24

人已经看过了!