首頁 > web前端 > js教程 > javascript格式化日期時間方法總結_javascript技巧

javascript格式化日期時間方法總結_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 15:54:09
原創
1163 人瀏覽過

範例一:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<!DOCTYPE html>

<html>

<head>

 <meta charset="UTF-8">

 <title>TT</title>

 <script src="jquery.js"></script>

</head>

<body>

<p style="line-height: 50%;"><span></span></p>

<input type="button" value="轻轻" onclick="syncTime()">

<script>

  function syncTime(){

    var mydate = new Date();

    var week;

    switch (mydate.getDay()){

    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="星期天";

    }

    var str = "" + mydate.getFullYear() + " 年 " + (mydate.getMonth() + 1) + " 月 " + mydate.getDate() + " 日 " + week;

    $('.todaytime')[0].innerHTML = str;

    str = '"savesynctime" : "' + str + '"'

    return str;

  }

  console.log(syncTime());

</script>

</body>

</html>

登入後複製

範例二:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

<script type="text/javascript">

    var date = new Date();

  

    document.writeln(date);

    //Thu Jan 08 2015 01:25:53 GMT+0800 (中国标准时间)

    document.writeln(Date.parse());

    //NaN

    document.writeln(Date.parse('6/10/2014'));

    //1402329600000 毫秒数

    document.writeln(Date.parse('Thu Jan 08 2015 01:25:53'));

    //1420651553000 毫秒数

    document.writeln(Date.UTC());

    //NaN

  

    //日期格式化方法

    document.writeln('<br/>');

    document.writeln(date.toDateString());

    //Thu Jan 08 2015

    document.writeln('<br/>')

    document.writeln(date.toTimeString());

    //01:39:08 GMT+0800 (中国标准时间)

    document.writeln('<br/>')

    document.writeln(date.toLocaleDateString());

    //2015年1月8日

    document.writeln('<br/>')

    document.writeln(date.toLocaleTimeString());

    //上午1:39:08

    document.writeln('<br/>')

    document.writeln(date.toUTCString());

    //Wed, 07 Jan 2015 17:39:08 GMT

  

    //一些set,get方法

  

  

  </script>

登入後複製

範例三:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

Date.prototype.Format = function(formatStr) {

  var str = formatStr;

  var Week = ['日', '一', '二', '三', '四', '五', '六'];

  str = str.replace(/yyyy|YYYY/, this.getFullYear());

  str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 &#63; (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));

  str = str.replace(/MM/, (this.getMonth() + 1) > 9 &#63; (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));

  str = str.replace(/M/g, (this.getMonth() + 1));

  str = str.replace(/w|W/g, Week[this.getDay()]);

  str = str.replace(/dd|DD/, this.getDate() > 9 &#63; this.getDate().toString() : '0' + this.getDate());

  str = str.replace(/d|D/g, this.getDate());

  str = str.replace(/hh|HH/, this.getHours() > 9 &#63; this.getHours().toString() : '0' + this.getHours());

  str = str.replace(/h|H/g, this.getHours());

  str = str.replace(/mm/, this.getMinutes() > 9 &#63; this.getMinutes().toString() : '0' + this.getMinutes());

  str = str.replace(/m/g, this.getMinutes());

  str = str.replace(/ss|SS/, this.getSeconds() > 9 &#63; this.getSeconds().toString() : '0' + this.getSeconds());

  str = str.replace(/s|S/g, this.getSeconds());

  return str

}

登入後複製

範例四:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

Date.prototype.toString=function(format,loc){

  var time={};

  time.Year=this.getFullYear();

  time.TYear=(""+time.Year).substr(2);

  time.Month=this.getMonth()+1;

  time.TMonth=time.Month<10&#63;"0"+time.Month:time.Month;

  time.Day=this.getDate();

  time.TDay=time.Day<10&#63;"0"+time.Day:time.Day;

  time.Hour=this.getHours();

  time.THour=time.Hour<10&#63;"0"+time.Hour:time.Hour;

  time.hour=time.Hour<13&#63;time.Hour:time.Hour-12;

  time.Thour=time.hour<10&#63;"0"+time.hour:time.hour;

  time.Minute=this.getMinutes();

  time.TMinute=time.Minute<10&#63;"0"+time.Minute:time.Minute;

  time.Second=this.getSeconds();

  time.TSecond=time.Second<10&#63;"0"+time.Second:time.Second;

  time.Millisecond=this.getMilliseconds();

  time.Week=this.getDay();

  

  var MMMArrEn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

  var MMMArr=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];

  var WeekArrEn=["Sun","Mon","Tue","Web","Thu","Fri","Sat"];

  var WeekArr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

  

  var oNumber=time.Millisecond/1000;

  

  if(format!=undefined && format.replace(/\s/g,"").length>0){

    if(loc!=undefined && loc =="en"){

      MMMArr=MMMArrEn.slice(0);

      WeekArr=WeekArrEn.slice(0);

    }

    format=format

      .replace(/yyyy/ig,time.Year)

      .replace(/yyy/ig,time.Year)

      .replace(/yy/ig,time.TYear)

      .replace(/y/ig,time.TYear)

      .replace(/MMM/g,MMMArr[time.Month-1])

      .replace(/MM/g,time.TMonth)

      .replace(/M/g,time.Month)

      .replace(/dd/ig,time.TDay)

      .replace(/d/ig,time.Day)

      .replace(/HH/g,time.THour)

      .replace(/H/g,time.Hour)

      .replace(/hh/g,time.Thour)

      .replace(/h/g,time.hour)

      .replace(/mm/g,time.TMinute)

      .replace(/m/g,time.Minute)

      .replace(/ss/ig,time.TSecond)

      .replace(/s/ig,time.Second)

      .replace(/fff/ig,time.Millisecond)

      .replace(/ff/ig,oNumber.toFixed(2)*100)

      .replace(/f/ig,oNumber.toFixed(1)*10)

      .replace(/EEE/g,WeekArr[time.Week]);

  }

  else{

    format=time.Year+"-"+time.Month+"-"+time.Day+" "+time.Hour+":"+time.Minute+":"+time.Second;

  }

  return format;

}

  

var d=new Date();

console.log(d.toString());  //2014-7-27 9:26:52

console.log(d.toString(""));  //2014-7-27 9:26:52

console.log(d.toString("yyyy-MM-dd HH:mm:ss"));  //2014-07-27 09:26:52

console.log(d.toString("yyyy年MM月dd日 HH:mm:ss"));  //2014年07月27日 09:26:52

console.log(d.toString("yyyy-MM-dd HH:mm:ss fff"));  //2014-07-27 09:26:52 237

console.log(d.toString("yyyy年 MMM dd EEE"));  //2014年 七月 27 星期五

console.log(d.toString("yyyy MMM dd EEE","en"));  //2014 Jul 27 Fri

登入後複製

範例五:時間個人化輸出功能

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

/*

1、< 60s, 显示为“刚刚”

2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”

3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”

4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”

5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”

*/

function timeFormat(time){

  var date = new Date(time),

    curDate = new Date(),

    year = date.getFullYear(),

    month = date.getMonth() + 10,

    day = date.getDate(),

    hour = date.getHours(),

    minute = date.getMinutes(),

    curYear = curDate.getFullYear(),

    curHour = curDate.getHours(),

    timeStr;

  

  if(year < curYear){

    timeStr = year +'年'+ month +'月'+ day +'日 '+ hour +':'+ minute;

  }else{

    var pastTime = curDate - date,

      pastH = pastTime/3600000;

  

    if(pastH > curHour){

       timeStr = month +'月'+ day +'日 '+ hour +':'+ minute;

    }else if(pastH >= 1){

       timeStr = '今天 ' + hour +':'+ minute +'分';

    }else{

       var pastM = curDate.getMinutes() - minute;

       if(pastM > 1){

        timeStr = pastM +'分钟前';

       }else{

        timeStr = '刚刚';

       }

    }

  }

  return timeStr;

}

登入後複製

以上所述就是本文的全部內容了,希望大家能夠喜歡。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
c++ 呼叫javascript
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板