JS format Time

Source: Internet
Author: User
Tags getdate

When we get time from the background to JS processing time, need to format, otherwise the output becomes a pile of numbers, submitted to the JSP page we have the label processing, in JS we need to write method format time.

The method was found on the Internet.

Method One:

An extension to date that converts date to a string/month (M) in the specified format, days (d), hours (h), minutes (M), seconds (s), quarter (q) can be used in 1-2 placeholders,//year (Y) can be 1-4 placeholders, milliseconds (s) can only be used in 1 Bit character (is a 1-3 digit number)//Example://(New Date ()). Format ("Yyyy-mm-dd hh:mm:ss. S ") ==> 2006-07-02 08:09:04.423//(New Date ()).   
    Format ("yyyy-m-d h:m:s.s") ==> 2006-7-2 8:9:4.18 Date.prototype.Format = function (fmt) {var o = { "m+": This.getmonth () +1,//month "d+": this.getdate (),//day "h+": this                 . GetHours (),//Hour "m+": this.getminutes (),//"s+": This.getseconds (),             Second "q+": Math.floor (This.getmonth () +3)/3),//Quarter "S": This.getmilliseconds ()   
  milliseconds};   
  if (/(y+)/.test (FMT)) Fmt=fmt.replace (Regexp.$1, (this.getfullyear () + ""). substr (4-regexp.$1.length)); For (var k in O) if (new RegExp ("+ K +")). Test (FMT)) FMT = Fmt.replace (regexp.$1, regexp.$1.length==1)? (O[k]): (("+" + o[k]). substr (("" "+ o[k]). length));   
return FMT;     
  
//Call method var time1 = new Date (). Format ("Yyyy-mm-dd HH:mm:ss");  var time2 = new Date (). Format ("Yyyy-mm-dd");
Method One is the easiest format time method, we need the current time to direct new date (), we need a fixed time on the new date ("2016-9-6 14:18:00") to pass in the argument.


Method Two:

/** * The extension of Date, converts date to the specified format of String * Month (M), day (d), 12 hours (h), 24 hours (h), minutes (M), SEC (s), Week (E), quarter (q) can be 1-2 placeholders * Year (Y) can be 1-4 placeholders, milliseconds (s) can only use 1 placeholders (1-3 digits) * Eg: * (new Date ()). Pattern ("Yyyy-mm-dd hh:mm:ss."       
 S ") ==> 2006-07-02 08:09:04.423 * (New Date ()). Pattern (" Yyyy-mm-dd E HH:mm:ss ") ==> 2009-03-10 20:09:04 * (new Date ()). Pattern ("Yyyy-mm-dd EE hh:mm:ss") ==> 2009-03-10 Tuesday 08:09:04 * (new Date ()). Pattern ("yyyy- MM-DD EEE hh:mm:ss ") ==> 2009-03-10 Tuesday 08:09:04 * (New Date ()). Pattern (" yyyy-m-d h:m:s.s ") ==> 2006-7-2 8:9 : 4.18 */date.prototype.pattern=function (FMT) {var o = {"m+": This.getm Onth () +1,//month "d+": this.getdate (),//day "h+": this.gethours ()%12 = 0?           
    12:this.gethours ()%12,//hr "h+": this.gethours (),//Hour "m+": this.getminutes (),//min        "S+": This.getseconds (),//sec   
    "q+": Math.floor (This.getmonth () +3)/3),//Quarter "S": this.getmilliseconds ()//millisecond};           
    var week = {"0": "/u65e5", "1": "/u4e00", "2": "/u4e8c",          
    "3": "/u4e09", "4": "/u56db", "5": "/u4e94", "6": "/U516D"           
    };            
    if (/(y+)/.test (FMT)) {Fmt=fmt.replace regexp.$1 (this.getfullyear () + ""). substr (4-regexp.$1.length)); } if (/(e+)/.test (FMT)) {fmt=fmt.replace (regexp.$1, Regexp.$1.length&gt ; 1)? (regexp.$1.length>2?)           
    "/u661f/u671f": "/u5468"): "") +week[this.getday () + ""]); For (var k in O) {if (New RegExp ("+ K +")). Test (FMT)) {FMT = f Mt.replace (regexp.$1, (regexp.$1.length==1)?           
        (O[k]): (("+ o[k]"). substr (("" + o[k). length));           
  }  return FMT;        
var date = new Date ();  Date.pattern ("Yyyy-mm-dd hh:mm:ss");

Method Two is the same as the method, but more complex, but I use the method


Method Three:

Date.prototype.format = function (mask) {var d = this;   
    
    var zeroize = function (value, length) {if (!length) length = 2;   
    
    Value = String (value);   
    
    for (var i = 0, zeros = '; i < (length-value.length); i++) {zeros = = ' 0 ';   
    
  return zeros + value;    
    
  }; return Mask.replace (/"[^"]* "|") [^ ']* ' |/b (?:d {1,4}|m{1,4}|yy (?: yy)? | ([HHMSTT])/1?| [Llz])   
    
      /b/g, function ($) {switch ($) {case ' d ': return D.getdate ();   
    
      Case ' DD ': Return Zeroize (D.getdate ());   
    
      Case ' DDD ': return [' Sun ', ' Mon ', ' Tue ', ' Wed ', ' Thr ', ' Fri ', ' Sat '][d.getday ()];   
    
      Case ' dddd ': return [' Sunday ', ' Monday ', ' Tuesday ', ' Wednesday ', ' Thursday ', ' Friday ', ' Saturday '][d.getday ()];   
    
      Case ' M ': Return D.getmonth () + 1;   
    
      Case ' MM ': Return Zeroize (D.getmonth () + 1); Case ' MMM ': return [' Out of the ', ' Feb ', ' ' Mar ', ' Apr ', ' may ', ' June ', ' may ', ' Aug ',' Sep ', ' Oct ', ' Nov ', ' Dec '][d.getmonth ()]; Case ' MMMM ': return [' January ', ' February ', ' March ', ' April ', ' may ', ' June ', ' July ', ' August ', ' September ', ' October ', '   
    
      November ', ' December '][d.getmonth ()];   
    
      Case ' yy ': Return String (D.getfullyear ()). substr (2);   
    
      Case ' yyyy ': return D.getfullyear (); Case ' H ': return d.gethours ()% 12 | |   
    
      12;   
    
      Case ' hh ': Return Zeroize (d.gethours ()% 12 | | 12);   
    
      Case ' H ': return d.gethours ();   
    
      Case ' HH ': Return Zeroize (D.gethours ());   
    
      Case ' m ': return D.getminutes ();   
    
      Case ' mm ': Return Zeroize (D.getminutes ());   
    
      Case ' s ': return D.getseconds ();   
    
      Case ' SS ': Return Zeroize (D.getseconds ());   
    
      Case ' l ': Return Zeroize (D.getmilliseconds (), 3);   
    
          Case ' L ': var m = d.getmilliseconds ();   
    
          if (M >) m = Math.Round (M/10);   
    
      Return Zeroize (m); Case ' TT ': returnD.gethours () < 12?   
    
      ' Am ': ' PM '; Case ' TT ': Return d.gethours () < 12?   
    
      ' AM ': ' PM ';   
    
      Case ' Z ': Return d.toutcstring (). Match (/[a-z]+$/);   
    
    Return quoted strings with the surrounding quotes removed Default:return $0.substr (1, $0.length-2);   
    
}   
    
  });
};
var date = new Date (); Date.format ("Yyyy-mm-dd HH:mm:ss");
Method Three is the same as the above two methods, but feel the most troublesome way.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.