javascript中日間日期的用法

var date = new Date();
date.getYear(); //擷取當前年份(2位)
date.getFullYear(); //擷取完整的年份(4位,1970-????)
date.getMonth(); //擷取當前月份(0-11,0代表1月)
date.getDate(); //擷取當前日(1-31)
date.getDay(); //擷取當前星期X(0-6,0代表星期天)
date.getTime(); //擷取目前時間(從1970.1.1開始的毫秒數)
date.getHours(); //擷取當前小時數(0-23)
date.getMinutes(); //擷取當前分鐘數(0-59)
date.getSeconds(); //擷取當前秒數(0-59)
date.getMilliseconds(); //擷取當前毫秒數(0-999)
date.toLocaleDateString(); //擷取當前日期
var time=date.toLocaleTimeString(); //擷取目前時間
date.toLocaleString( ); //擷取日期與時間

 

<script language="網頁特效" type="text/javascript">
       function ShowTime() {
           document.getElementById("time").innerHTML = new Date().toLocaleTimeString(); //擷取當前系統時間
           setTimeout("ShowTime()", 1000);//設定定時重新整理 一秒更新一次
       }
       function DateDemo() {
           var d, day = "";  //聲明變數
           d = new Date(); //建立Date對象www.111cn.net
           var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
           day += d.getFullYear() + "年";     //擷取年份
           day += (d.getMonth() + 1) + "月"; //擷取月份
           day += d.getDate() + "日";        //擷取日
           day += week[d.getDay()];
           document.getElementById("time").title = day;
       }
       ShowTime(); DateDemo();
   </script>

<span id="time"></span>

 

相關函數

function getMainHead() {

            $("LabelWelcome").innerHTML = GetWelcomeByTime() + "        今天是：" + GetSimpleDate() + "  " + GetWeekDay() + "     " + GetCnDate() + SolarTerm(new Date());

        }

function GetWelcomeByTime() {

    var now = new Date();

    var hour = now.getHours();

    var hello = "";

 

    if (hour < 4) {

        hello = "夜深了";

    }

    else if (hour < 7) {

        hello = "早安";

    }

    else if (hour < 9) {

        hello = "早上好";

    }

    else if (hour < 12) {

        hello = "上午好";

    }

    else if (hour < 14) {

        hello = "中午好";

    }

    else if (hour < 17) {

        hello = "下午好";

    }

    else if (hour < 19) {

        hello = "您好";

    }

    else if (hour < 22) {

        hello = "晚上好";

    }

    else {

        hello = "夜深了";

    }

 

    return hello;

}

function GetSimpleDate() {

    var today = new Date();

    var date = (today.getYear() < 100 ? today.getYear() + 1900 : today.getYear()) + "年" + (today.getMonth() + 1) + "月" + today.getDate() + "日";

    return date;

}

function GetWeekDay() {

    var today = new Date();

    var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");

    return weeks[today.getDay()];

}

//擷取農曆日期

function GetCnDate() {

    var today = new Date();

    return CnDateofDateStr(today);

}

function CnDateofDateStr(DateGL) {

    if (CnMonthofDate(DateGL) == "零月") return "　請調整您的電腦日期!";

    else return "農曆：" + CnYearofDate(DateGL) + " " + CnMonthofDate(DateGL) + CnDayofDate(DateGL);

}

function SolarTerm(DateGL) {

    var SolarTermStr = new Array(

        "小寒", "大寒", "立春", "雨水", "驚蟄", "春分",

        "清明", "穀雨", "立夏", "小滿", "芒種", "夏至",

        "小暑", "大暑", "立秋", "處暑", "白露", "秋分",

        "寒露", "霜降", "立冬", "小雪", "大雪", "冬至");

    var DifferenceInMonth = new Array(

        1272060, 1275495, 1281180, 1289445, 1299225, 1310355,

        1321560, 1333035, 1342770, 1350855, 1356420, 1359045,

        1358580, 1355055, 1348695, 1340040, 1329630, 1318455,

        1306935, 1297380, 1286865, 1277730, 1274550, 1271556);

    var DifferenceInYear = 31556926;

    var BeginTime = new Date(1901 / 1 / 1);

    BeginTime.setTime(947120460000);

    for (; DateGL.getYear() < BeginTime.getYear(); ) {

        BeginTime.setTime(BeginTime.getTime() - DifferenceInYear * 1000);

    }

    for (; DateGL.getYear() > BeginTime.getYear(); ) {

        BeginTime.setTime(BeginTime.getTime() + DifferenceInYear * 1000);

    }

    for (var M = 0; DateGL.getMonth() > BeginTime.getMonth(); M++) {

        BeginTime.setTime(BeginTime.getTime() + DifferenceInMonth[M] * 1000);

    }

    if (DateGL.getDate() > BeginTime.getDate()) {

        BeginTime.setTime(BeginTime.getTime() + DifferenceInMonth[M] * 1000);

        M++;

    }

    if (DateGL.getDate() > BeginTime.getDate()) {

        BeginTime.setTime(BeginTime.getTime() + DifferenceInMonth[M] * 1000);

        M == 23 ? M = 0 : M++;

    }

    var JQ;

    if (DateGL.getDate() == BeginTime.getDate()) {

        JQ = "　 今天是<font color='#FF9999'><b>" + SolarTermStr[M] + "</b></font>";

    }

    else {

        JQ = " "

    }

    return JQ;

}

Javascript無重新整理擷取目前時間 在項目中需要無重新整理更新時間，並且TooTip中顯示年月日星期，網上搜集了很多方法，總結一下，以備下次之需。

view sourceprint?<script language="javascript" type="text/javascript"> 

       function ShowTime() { 

           document.getElementById("time").innerHTML = new Date().toLocaleTimeString(); //擷取當前系統時間 

           setTimeout("ShowTime()", 1000);//設定定時重新整理 一秒更新一次 

       } 

       function DateDemo() { 

           var d, day = "";  //聲明變數 

           d = new Date(); //建立Date對象 

           var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); 

           day += d.getFullYear() + "年";     //擷取年份 

           day += (d.getMonth() + 1) + "月"; //擷取月份 

           day += d.getDate() + "日";        //擷取日 

           day += week[d.getDay()]; 

           document.getElementById("time").title = day; 

       } 

       ShowTime(); DateDemo(); 

   </script> 

 

<span id="time"></span>
view sourceprint?這裡在<span>中顯示目前時間，滑鼠移上，顯示當前年月日星期。類似Windows系統下面的時間。

JS 取得目前時間日期: 我們也可以自己組合顯示格式

view sourceprint?var date = new Date(); 

date.getYear(); //擷取當前年份(2位) 

date.getFullYear(); //擷取完整的年份(4位,1970-????) 

date.getMonth(); //擷取當前月份(0-11,0代表1月) 

date.getDate(); //擷取當前日(1-31) 

date.getDay(); //擷取當前星期X(0-6,0代表星期天) 

date.getTime(); //擷取目前時間(從1970.1.1開始的毫秒數) 

date.getHours(); //擷取當前小時數(0-23) 

date.getMinutes(); //擷取當前分鐘數(0-59) 

date.getSeconds(); //擷取當前秒數(0-59) 

date.getMilliseconds(); //擷取當前毫秒數(0-999) 

date.toLocaleDateString(); //擷取當前日期 

var time=date.toLocaleTimeString(); //擷取目前時間 

date.toLocaleString( ); //擷取日期與時間

 

  

   Date.prototype.format = function(format)
   
    {
   
        var o = {
   
        "M+" : this.getMonth()+1, //month
   
        "d+" : this.getDate(),    //day
   
        "h+" : this.getHours(),   //hour
   
        "m+" : this.getMinutes(), //minute
   
        "s+" : this.getSeconds(), //second
   
        "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
   
        "S" : this.getMilliseconds() //millisecond
   
        }
   
        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
   
        (this.getFullYear()+"").substr(4 - RegExp.$1.length));
   
        for(var k in o)if(new RegExp("("+ k +")").test(format))
   
        format = format.replace(RegExp.$1,
   
        RegExp.$1.length==1 ? o[k] :
   
        ("00"+ o[k]).substr((""+ o[k]).length));
   
        return format;
   
    }
  

 

以上代碼必須先聲明，然後在使用。使用方法：

  

   var d = new Date().format('yyyy-MM-dd');
  

 

另一種方法：

在Javascript之中，日期對象是Date，那麼如何將一個日期對象按照定製的格式進行輸出呢？
  可以現告訴你，Date對象有有四個內建方法，用於輸出為字串格式，分別為：
  1）toGMTString，將一個日期按照GMT格式顯示
  2）toLocaleString，將一個日期按照本地作業系統格式顯示
  3）toLocaleDateString，按照本地格式顯示一個日期對象的日期部分
  4）toLocaleTimeString，按照本地格式顯示一個日期對象的時間部分
  儘管Javascript的Date對象中內建提供了這些輸出為字串的方法，但是這些字串不是我們來控制格式的，因此如果我們需要我們自己定製的特殊格式，那麼又該怎麼辦呢？
  不用著急，JsJava中提供了專用的類，專門對日期進行指定格式的字串輸出，你可以下載JsJava-2.0.zip，引入其中的src/jsjava/text/DateFormat.js，或者直接引入jslib/jsjava-2.0.js，範例代碼如下： 

  

   var df=new SimpleDateFormat();//jsJava1.0需要使用DateFormat對象，不要弄錯就是了 
   
df.applyPattern("yyyy-MM-dd HH:mm:ss"); 
   
var date=new Date(2007,3,30,10,59,51); 
   
var str=df.format(date); 
   
document.write(str);//顯示結果為：2007-04-30 10:59:51
  

通過上面的例子你可以看出，你需要做的就是指定pattern，那麼pattern中yyyy、MM等都表示什麼意思呢？如果你學習過Java的日期格式化，那麼你應該知道，那都是預留位置，這些預留位置都具有特殊的函數，例如y表示年，yyyy表示四個數位年份，例如1982，下面列舉一些pattern中支援的特殊字元及其含義（下面表格引自Java的官方文檔，做了適當修改）：

  

   G  Era designator  [url=]Text[/url]  AD  
   
y  Year  [url=]Year[/url]  1996; 96  
   
M  Month in year  [url=]Month[/url]  July; Jul; 07  
   
w  Week in year  [url=]Number[/url]  27  
   
W  Week in month  [url=]Number[/url]  2  
   
D  Day in year  [url=]Number[/url]  189  
   
d  Day in month  [url=]Number[/url]  10  
   
F  Day of week in month  [url=]Number[/url]  2  
   
E  Day in week  [url=]Text[/url]  Tuesday; Tue  
   
a  Am/pm marker  [url=]Text[/url]  PM  
   
H  Hour in day (0-23)  [url=]Number[/url]  0  
   
k  Hour in day (1-24)  [url=]Number[/url]  24  
   
K  Hour in am/pm (0-11)  [url=]Number[/url]  0  
   
h  Hour in am/pm (1-12)  [url=]Number[/url]  12  
   
m  Minute in hour  [url=]Number[/url]  30  
   
s  Second in minute  [url=]Number[/url]  55  
   
S  Millisecond  [url=]Number[/url]  978