Date轉為字符串
<p id = "demo"></p>
<script type="text/javascript">
var box = new Date();
document.write(box.toUTCString());
alert(box.toString());
var myVar = setInterval(myTimer,1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
把日期轉為字符串:
toString() 把Date 對象轉換為字符串。默認的
toTimeString() 把Date 對象的時間部分轉換為字符串
toDateString() 把Date 對象的日期部分轉換為字符串
toUTCString() 根據世界時間,把Date對象轉換為字符串
toLocaleString() 根據本地時間格式,把Date對象轉換為字符串,本地的
toLocaleTimeString() 根據本地時間格式,把Date對象的時間部分轉換為字符串。
toLocaleDateString() 根據本地時間格式,把Date對象的日期部分轉換為字符串。
***********************************************************************************
Date輸出常用的日期格式
<style>
#mytime {
background:#000;
color:#fff;
text-align:center;
}
</style>
<body>
<h1 id="mytime">顯示時間</h1>
<script>
//alert(habit);
setInterval(function(){ //setInterval()方法可按照指定的周期(以毫秒計)來調用函數或計算表達式
var habit = new Date();
year = habit.getFullYear();
month = habit.getMonth() + 1;
month = checkTime(month);
day = habit.getDate();
week = habit.getDay();
switch(week) {
case 1:
week = "星期一";
break;
case 2:
week = "星期二";
break;
case 3:
week = "星期三";
break;
case 4:
week = "星期四";
break;
case 5:
week = "星期五";
break;
case 6:
week = "星期六";
break;
default:
week = "星期日";
break;
}
hour = habit.getHours(),
minute = habit.getMinutes();
minute = checkTime(minete);
second = habit.getSeconds();
second = checkTime(second);
time = (year + '-' + month + '-' + day + ' ' + week + ' ' + hour + ':' + minute + ':' + second);
var obj = document.getElementById('mytime');
obj.innerHTML = time;
//document.title = time;
},1000)
function checkTime(i){ //封裝一個數字在小於10時在前面加零
if(i<10){
i = "0" + i
}//在數字<10之前加零
return i;
}
</script>
</body>
*********************************************************************************
Date獲得和設置
<script type = "text/javascript">
var box = new Date(2019,7,19,13,19,45,30);
alert(box); //Mon Aug 19 2019 13:19:45 GMT+0800(中國標准時間)
alert('toString:' + box.toLocaleString()); //toLocaleString:2019/8/19下午1:19:45
alert('valueOf:' + box.valueOf()); //valueof:1566191985030
var box = new Date();
document.write(box);
//box.setMonth(11);
//alert(box.getMonth()+1);
//toLocaleTimeString() 根據本地時間輸出本地時間 下午1:19:45
//box.toLocaleDateString() 根據本地年月日輸出本地年月日 結果:2019/8/19
</script>
***********************************************************************************
JS里面獲取和設置日期的方法:
Date 對象用於處理日期和時間 返回當前的日期和時間。
Date 對象會自動把當前日期和時間保存為其初始值。
獲取毫秒數:
1、Date.parse()是Date對象的靜態方法 獲得的是1970年1月1日零時到現在的毫秒數
2、alert('valueOf:' + box.valueOf()); 返回Date對象的原始值以毫秒數
3、Date。UTC() 根據世界時返回1970年1月1日到指定日期的毫秒數。
4、getTime() 返回1970年1月1日至今的毫秒數。
5、Number(new Date("2019-04-15")); 日期轉換為數字也是1970年1月1日至今的毫秒數。
獲取時間:
1、var box = new Date(1566191985030);
2、var box = new Date('2019/8/19');
3、var box = new Date(2019,7,19,13,19,45,30);
獲取方法用於獲取日期的某個部分 下面是最常用的方法:
getDate() 以數值返回天(1-31)
getDay() 以數值獲取周名(0-6) //注意0星期日
getFullYear() 獲取四位的年(yyyy)
getHours() 獲取小時(0-23)
getMilliseconds() 獲取毫秒(0-999)
getMinutes() 獲取分(0-59)
getMonth()+1 獲取月(0-11) 要加1才是最終的月份數
getSeconds() 獲取秒(0-59)
getTime() 獲取時間(從1970年1月1日至今)
getUTCDate() 等於getDate(),但返回UTC 日期
getUTCDay() 等於getDay(),但返回UTC 日
getUTCFullYear() 等於getFullYear(),但返回UTC年
getUTCHours() 等於getHours(),但返回UTC 小時
getUTCMilliseconds() 等於getMilliseconds(),但返回UTC毫秒
getUTCMInutes() 等於getMInutes(),但返回UTC分
getUTCMonth() 等於getMonth(),但返回UTC月
getUTCSeconds() 等於getSeconds(),但返回UTC秒
**********************************************************************************
getHours()和getUTCHours()相差8小時 東八區由八個小時的時差。
getTimezoneOffset() 返回本地時間與格林威治標准時間(GMT) 的分鍾差。
**********************************************************************************
設置方法用於設置日期的某個部分 下面是最常用的方法:
var box = new Date();
box.setMonth(11);
alert(box);
setDate() 設置Date 對象中月的某一天(1~31)。
setMonth() 設置Date 對象中月份(0~11).
setFullYear() 設置Date 對象中的年份(四位數字)
setHours() 設置Date 對象中的小時(0~23)。
setMinutes() 設置Date 對象中的分鍾(0~59)。
setSeconds() 設置Date 對象中的秒鍾(0~59)。
setMilliseconds() 設置Date 對象中的毫秒(0~999)。
setTime() 以毫秒設置Date 對象
setUTCDate() 根據世界時設置Date 對象中月份的一天(1~31)
setUTCMonth() 根據世界時設置Date 對象中的月份(0~11)
setUTCFullYear() 根據世界時設置Date 對象中的年份(四位數字)
setUTCHours() 根據世界時設置Date 對象中的小時(0~23)
setUTCMinutes() 根據世界時設置Date 對象中的分鍾(0~59)
setUTCSeconds() 根據世界時設置Date 對象中的秒鍾(0~59)
setUTCMilliseconds() 根據世界時設置Date 對象中的毫秒(0~999)
var today,someday,text;
today = new Date();
someday = new Date();
someday.setFullTear(2049,0,16);
if (someday > today) {
text = "今天在2049年1月16日之前";
} else {
text = "今天在2049年1月16日之后";
}
alert(text);