⑴ 怎樣在網頁中插入日歷控制項
日期插件的包為:mydate.js。
1:首先將日期插件的包引入到頁面中
<scriptlanguage="JavaScript"src="../Inc/Js/mydate.js"></script>
2:設置滑鼠點擊事件,當滑鼠點擊獲得焦點的時候,觸發事件,調用方法
<inputtype="text"name="starttime"onfocus="MyCalendar.SetDate(this)"value="<?phpecho$rq;?>">
<inputtype="text"name="endtime"onfocus="MyCalendar.SetDate(this)"value="<?phpecho$rq;?>">
3:完整頁面代碼
<?php
date_default_timezone_set("PRC");
$nowtime=time();
$rq=date("Y-m-d",$nowtime);
?>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metaname="generator"content="FFKJ.Net"/>
<linkrev="MADE"href="mailto:[email protected]">
<title>在線--後台</title>
<linkrel="stylesheet"type="text/css"href="../Skins/Admin_Style.Css"/>
<scriptlanguage="JavaScript"src="../Inc/Js/mydate.js"></script>
</head>
<body>
開始時間:<inputtype="text"name="starttime"onfocus="MyCalendar.SetDate(this)"value="<?phpecho$rq;?>">
結束時間:<inputtype="text"name="endtime"onfocus="MyCalendar.SetDate(this)"value="<?phpecho$rq;?>">
</body>
</html>
4:頁面效果:
⑵ jquery 日歷控制項在php中怎麼使用
日歷插件:
在頁面開發中,經常遇到需要用戶輸入日期的操作。通常的做法是,提供一個文本框,讓用戶輸入,然後,編寫代碼驗證輸入的數據,檢測其是否是日期型。這樣比較麻煩,同時,用戶輸入日期的操作也不是很方便,影響用戶體驗。如果使用jQuery UI 中的datepicker日歷插件,這些問題都可以迎刃而解。該插件調用的語法格式如下:
$(".selector").datepicker(options);
其中".selector"表示DOM元素,一般指文本框,由於該插件的作用是提供日期選擇,因此,常與一個文本框綁定,將選擇後的日期顯示在該文本框中。選項options是一個對象。
下面是一些參數:
changeMonth 設置一個布爾值,如果為true,則可以在標題處出現一個下拉選擇框,可以選擇月份,默認值為false
changeYear 設置一個布爾值,如果為true,則可以在標題處出現一個下拉選擇框,可以選擇年份,默認值為false
showButtonPanel 設置一個布爾值,如果為true, 則在日期的下面顯示一個面板,其中有兩個按鈕;一個為「今天」,另一個按鍵為「關閉」,默認值為false,表示不顯示。
closeText 設置關閉按鈕上的文字信息,這項設置的前提是,showButtonPanel的值必須為true,否則顯示不了效果。
dateFormat 設置顯示在文本框中的日期格式,可設置為{dateFormat:'yy-mm-dd'},表示日期的格式為年-月-日,如2012-10-1.
defaultDate 設置一個默認日期值,如{defaultDate:+7}, 表示,彈出日期選擇窗口後,默認的日期是在當前日期加上7天
showAnim 設置顯示彈出或隱藏日期選擇窗口的方式。可以設置的方式有,「show"、"slideDown"、"fadeIn「,或者為"", 表示沒有彈出日期選擇窗口的方式。
showWeek 設置一個布爾值,如果為true,則可以顯示每天對應的星期,默認值為false
yearRange 設置年份的范圍,如{yearRange:'2000:2010'},表示年份下拉列表框的最小值為2000年,最大值為2010年,默認值為c-10;c+10,當前年份的前後10年。