HTML DOM Input Date 對象

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，我們一起飛！

多站長友友們，都喜歡在自己網站的底部加入網站已運行多少天的代碼。今天有用戶過來詢問此功能的實現方法，就把以前在網站收集的幾段代碼分享出來。有需要就拿去吧。

js網站已運行多少天的代碼

示例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函數

<?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小時

在線咨詢

上一篇：簡單小程序：登錄頁面（html）
下一篇：怎么成為前端行業人才企業招聘要求都有什么

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML DOM Input Date 對象

js網站已運行多少天的代碼

php 網站已運行多少天的代碼

您的項目需求