整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
Input Date 對象
Input Date 對象是 HTML5 新增的。
Input Date 對象表示使用了 type="date" 屬性的 HTML <input> 元素 。
注意：Internet Explorer 或 Firefox 不支持用 type="date" 屬性的 <input> 元素。
訪問 Input Date 對象
你可以用個使用 getElementById() 函數來訪問使用 type="date" 屬性的 <input> 元素 :
var x = document.getElementById("myDate");嘗試一下
提示： 你同樣可以通過表單的元素集合來訪問 Input Date 對象。
創建 Input Date 對象
你可以使用 document.createElement() 方法來創建使用 type="date" 屬性的 <input> 元素：
var x = document.createElement("INPUT");
x.setAttribute("type", "date");嘗試一下
Input Date 對象屬性
| Property | 描述 |
|---|---|
| autocomplete | 設置或返回日期字段的 autocomplete 屬性值 |
| autofocus | 設置或返回日期字段在頁面加載后是否自動獲取焦點 |
| defaultValue | 設置或返回日期字段默認的值 |
| disabled | 設置或返回日期字段是否可用 |
| form | 返回使用日期字段的表單引用 |
| list | 返回包含了日期字段的 datalist 引用 |
| max | 設置或返回日期字段的 max 屬性值 |
| min | 設置或返回日期字段的 min 屬性值 |
| name | 設置或返回日期字段的 name 屬性值 |
| readOnly | 設置或返回日期字段是否只讀 |
| required | 設置或返回日期字段在表單中是否為必填字段 |
| step | 設置或返回日期字段的 step 屬性值 |
| type | 返回日期字段的表單類型 |
| value | 設置或返回日期字段的 value 屬性值 |
標準屬性和事件
Input Date 對象同樣支持標準 屬性 和 事件。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
使用JSP最重要的優勢之一，就是可以使用所有Java API。本章將會詳細地講述Java中的Date類，它在java.util包下，封裝了當前日期和時間。
Date類有兩個構造函數。第一個構造函數使用當前日期和時間來初始化對象。
Date( )
第二個構造函數接受一個參數，這個參數表示從1970年1月1日凌晨至所要表示時間的毫秒數。
Date(long millisec)
獲取Date對象后，您就能夠使用下表列出的所有方法：
| 序號 | 方法 & 描述 |
|---|---|
| 1 | boolean after(Date date)如果比給定的日期晚，則返回true，否則返回false |
| 2 | boolean before(Date date)如果比給定的日期早，則返回true，否則返回false |
| 3 | Object clone( )獲取當前對象的一個副本 |
| 4 | int compareTo(Date date)如果與給定日期相等，則返回0，如果比給定日期早，則返回一個負數，如果比給定日期晚，則返回一個正數 |
| 5 | int compareTo(Object obj)與 compareTo(Date) 方法相同，如果 obj 不是Date類或其子類的對象，拋出ClassCastException異常 |
| 6 | boolean equals(Object date)如果與給定日期相同，則返回true，否則返回false |
| 7 | long getTime( )返回從1970年1月1日凌晨至此對象所表示時間的毫秒數 |
| 8 | int hashCode( )返回此對象的哈希碼 |
| 9 | void setTime(long time)使用給定參數設置時間和日期，參數time表示從1970年1月1日凌晨至time所經過的毫秒數 |
| 10 | String toString( )將此對象轉換為字符串并返回這個字符串 |
獲取當前日期和時間
使用JSP編程可以很容易的獲取當前日期和時間，只要使用Date對象的toString()方法就行了，就像下面這樣：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*, javax.servlet.*" %>
<html>
<head>
<title>顯示當前時間與日期</title>
</head>
<body>
<h1>顯示當前時間與日期</h1>
<%
Date date = new Date();
out.print( "<h2 align=\"center\">" +date.toString()+"</h2>");
%>
</body>
</html>
將上面的代碼保存在 main.jsp 文件中，然后訪問 http://localhost:8080/testjsp/main.jsp，運行結果如下：
顯示當前時間與日期
Sat Jun 25 17:54:34 CST 2016
刷新 http://localhost:8080/testjsp/main.jsp，就可以發現每次刷新所得到的秒數都不相同。
日期比較
就像我在開頭所提到的，您可以在JSP腳本中使用任何Java方法。如果您想要比較兩個日期，
可以參照下面的方法來做：
使用getTime()方法得到毫秒數，然后比較毫秒數就行了。
使用before()，after()，equals()方法。比如，new Date(99,2,12).before(new Date(99,2,18))返回true。
使用compareTo()方法，這個方法在Comparable接口中定義，在Date中實現。
使用SimpleDateFormat格式化日期
SimpleDateFormat使用一種地區敏感的方式來格式化和解析日期，它允許您使用自定義的模式來格式化日期和時間。
對CurrentDate.jsp稍作修改，得到如下修改后的代碼：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*" %>
<%@ page import="javax.servlet.*,java.text.*" %>
<html>
<head>
<title>顯示當前時間與日期</title>
</head>
<body>
<h1>顯示當前時間與日期</h1>
<%
Date dNow = new Date( );
SimpleDateFormat ft =
new SimpleDateFormat ("yyyy-MM-dd HH:mm:ss");
out.print( "<h2 align=\"center\">" + ft.format(dNow) + "</h2>");
%>
</body>
</html>
再次編譯 main.jsp，然后訪問 http://localhost:8080/testjsp/main.jsp，就可以得到如下結果：
顯示當前時間與日期
2016-06-25 17:57:53
SimpleDateFormat格式碼
要指定模式字符串，需要使用下表列出的格式碼：
| 字符 | 描述 | 示例 |
|---|---|---|
| G | 時代標識符 | AD |
| y | 4位數年份 | 2001 |
| M | 月 | July or 07 |
| d | 日 | 10 |
| h | 12小時制， A.M./P.M. (1~12) | 12 |
| H | 24小時制 | 22 |
| m | 分鐘 | 30 |
| s | 秒 | 55 |
| S | 毫秒 | 234 |
| E | 星期 | Tuesday |
| D | 一年中的某天 | 360 |
| F | 一個月中某星期的某天 | 2 (second Wed. in July) |
| w | 一年中的某星期 | 40 |
| W | 一個月中的某星期 | 1 |
| a | A.M./P.M. 標記 | PM |
| k | 一天中的某個小時 (1~24) | 24 |
| K | 一天中的某個小時，A.M./P.M. (0~11) | 10 |
| z | 時區 | Eastern Standard Time |
| ' | 文本分隔 | Delimiter |
| " | 單引號 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
多站長友友們，都喜歡在自己網站的底部加入網站已運行多少天的代碼。今天有用戶過來詢問此功能的實現方法，就把以前在網站收集的幾段代碼分享出來。有需要就拿去吧。
示例1：
<script language = "JavaScript"type = "text/javascript" >
//添加網站的上線時間
var urodz = new Date("11/18/2016");
var now = new Date();
var ile = now.getTime() - urodz.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
document.write(dni+"天");
</script>
代碼運行結果：
1058天
注：
1、此示例只能計算出開始時間到現在相距多天
2、將 11/18/2016 修改成自己網站的上線時間即可;
示例2：
<span id="span"></span>
<script type="text/javascript">
function runtime(){
// 初始時間，日/月/年 時:分:秒
X = new Date("11/18/2016 8:32:00");
Y = new Date();
T = (Y.getTime()-X.getTime());
M = 24*60*60*1000;
a = T/M;
A = Math.floor(a);
b = (a-A)*24;
B = Math.floor(b);
c = (b-B)*60;
C = Math.floor((b-B)*60);
D = Math.floor((c-C)*60);
//信息寫入到DIV中
span.innerHTML = "本站勉強運行: "+A+"天"+B+"小時"+C+"分"+D+"秒"
}
setInterval(runtime, 1000);
</script>
運行結果：
本站勉強運行: 1058天13小時34分46秒
注：
1、此代碼輸出的時間，其秒數是動態變化的
2、將 11/18/2016 8:32:00 修改成網站的上線時間
示例代碼：
PHP函數
<?php
function Sec2Time($time){
//設置時區，如果需要去掉注釋即可
//date_default_timezone_set('Asia/Shanghai');
$stime = strtotime($time);
$times = time() - $stime;
if(is_numeric($times)){
$value = array(
"years" => 0,
"days" => 0,
"hours" => 0,
"minutes" => 0,
"seconds" => 0,
);
if($times >= 31556926){
$value["years"] = floor($times / 31556926);
$times = ($times % 31556926);
}
if($times >= 86400){
$value["days"] = floor($times / 86400);
$times = ($times % 86400);
}
if($times >= 3600){
$value["hours"] = floor($times / 3600);
$times = ($times % 3600);
}
if($times >= 60){
$value["minutes"] = floor($times / 60);
$times = ($times % 60);
}
$value["seconds"] = floor($times);
return (array) $value;
}else{
return (bool) FALSE;
}
}
?>
函數調用：
<?php
//可以修改成自己網站的初始時間
$time = Sec2Time('2016-08-11 00:00:00');
echo $time['years'].'年'.$time['days'].'天'.$time['hours'].'小時';
// $time['minutes'] 分
// $time['seconds'] 秒
?>
運行結果：
3年62天2小時
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
