花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢日歷時間在表單中的使用教程

時間： 2018-12-03 08:13 閱讀： 次 作者：素材無憂網(wǎng)

在織夢網(wǎng)站表單里面有時候我們會用到時間，比如，我們制作表單時，可能讓用戶填寫時間，如果手工填寫會很麻煩，但是，如果用一個類似時間或稱日歷的圖形讓用戶點一下，就可以把時間填寫好，這樣是不是非常棒。

 

目標：在表單里面填寫加日歷時間，方便用戶點擊選擇時間

 點擊時間后顯示的日歷時間，只要用戶點擊時間，程序自動把時間填寫到時間輸入框里面。

  要使用織夢系統(tǒng)自帶的時間日歷，需要建立一個php文件，一個html文件，因為，要用到php函數(shù)，當然并不是非得要用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文件可以不要，這個是用來設(shè)置在時間輸入框中加入一個小圖標，如下圖所示：

 

  完整的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>我的網(wǎng)站-織夢內(nèi)容管理系統(tǒng) 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值，這個要根據(jù)你自己建立的表單進行相應(yīng)的修改。另外上面提到過要使用一個php文件的，原因就是這個input里面的value="<?php echo GetDateMk(time()); ?>"代碼，這里使用了php系統(tǒng)，也就是織夢系統(tǒng)里面的一函數(shù)GetDateMk(time());這個函數(shù)的作用是把當前時間當作默認的時間。

  這樣我們就把demo.html（如果不使用php函，現(xiàn)在就可以了，只要把這個文件放到dede目錄里面即可）。

 

日歷時間用到的php文件:

  上面二次提到了要用到織夢系統(tǒng)時間函數(shù)，所以，我們再建立一個php文件demo.php，這個文件的目的就是說簡單點就是為了引入函數(shù)GetDateMk(time()。然后，引入demo.html文件，demo.php文件代碼如下：

require_once(dirname(__FILE__)."/config.php");

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

require_once("demo.html");

  這樣就實現(xiàn)了在表單輸入框中加入的日歷時間了。

請注意:  如果您不想使用php函數(shù)的話，請直接把demo.html文件里面的input里面的value值設(shè)置為空，即去掉函數(shù)GetDateMk(time(),這樣您就可以只使用demo.htm文件了。

 

這樣我們就成功把日歷時間引入到表單里面，如果您想在別的地方使用時間，跟上面的方便完全一樣。

 

注意：上面的演示我是把demo.php和demo.html文件放到了dede目錄里面演示的，如果您想放到自己的目錄，請修改相應(yīng)的路徑，例如，css里面的image圖片路徑，php文件路徑等，這個比較簡單不用多解釋了。


版權(quán)聲明： 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布，如果侵犯了您的權(quán)益請與我們聯(lián)系，我們將在24小時內(nèi)刪除！謝謝！

轉(zhuǎn)載請注明： 織夢日歷時間在表單中的使用教程

標簽：  
相關(guān)文章
模板推薦