HTML頁面中引入日曆插件

時間 2019-11-25

標籤 html 頁面引入日曆插件欄目 HTML 简体版

原文原文鏈接

以前忘了分享下載連接了，如今補上；mydate.js插件我放在雲盤了，地址是 http://pan.baidu.com/s/1mg5tIi8，有須要的去下載吧！
php

日期插件的包爲:mydate.js
1：首先將日期插件的包引入到頁面中css

<script language="JavaScript" src="../Inc/Js/mydate.js"></script>

2：設置鼠標點擊事件，當鼠標點擊得到焦點的時候，觸發事件，調用方法html

<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq;?>">
<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq;?>">

3：完整頁面代碼ui

<?php
  date_default_timezone_set("PRC");
  $nowtime = time();
  $rq = date("Y-m-d",$nowtime);
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="generator" content="FFKJ.Net" />
<link rev="MADE" href="mailto:FFKJ@FFKJ.Net">
<title>在線--後臺</title>
<link rel="stylesheet" type="text/css" href="../Skins/Admin_Style.Css" />
<script language="JavaScript" src="../Inc/Js/mydate.js"></script>
</head>
<body>
開始時間:<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq;?>">
結束時間:<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq;?>">
</body>
</html>

4：頁面效果：this