javascript formats the date time method summary
- 2020-06-15 07:47:16
- OfStack
Example 1:
<!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=" gently " onclick="syncTime()">
<script>
function syncTime(){
var mydate = new Date();
var week;
switch (mydate.getDay()){
case 1: week=" week 1"; break;
case 2: week=" week 2"; break;
case 3: week=" week 3"; break;
case 4: week=" week 4"; break;
case 5: week=" week 5"; break;
case 6: week=" week 6"; break;
default: week=" Sunday ";
}
var str = "" + mydate.getFullYear() + " years " + (mydate.getMonth() + 1) + " month " + mydate.getDate() + " day " + week;
$('.todaytime')[0].innerHTML = str;
str = '"savesynctime" : "' + str + '"'
return str;
}
console.log(syncTime());
</script>
</body>
</html>
Example 2:
<script type="text/javascript">
var date = new Date();
document.writeln(date);
//Thu Jan 08 2015 01:25:53 GMT+0800 ( Chinese standard time )
document.writeln(Date.parse());
//NaN
document.writeln(Date.parse('6/10/2014'));
//1402329600000 Number of milliseconds
document.writeln(Date.parse('Thu Jan 08 2015 01:25:53'));
//1420651553000 Number of milliseconds
document.writeln(Date.UTC());
//NaN
// Date formatting method
document.writeln('<br/>');
document.writeln(date.toDateString());
//Thu Jan 08 2015
document.writeln('<br/>')
document.writeln(date.toTimeString());
//01:39:08 GMT+0800 ( Chinese standard time )
document.writeln('<br/>')
document.writeln(date.toLocaleDateString());
//2015 years 1 month 8 day
document.writeln('<br/>')
document.writeln(date.toLocaleTimeString());
// In the morning 1:39:08
document.writeln('<br/>')
document.writeln(date.toUTCString());
//Wed, 07 Jan 2015 17:39:08 GMT
//1 some set . get methods
</script>
Example 3:
Date.prototype.Format = function(formatStr) {
var str = formatStr;
var Week = [' day ', '1', '2', '3', '4', '5', '6'];
str = str.replace(/yyyy|YYYY/, this.getFullYear());
str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (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 ? this.getDate().toString() : '0' + this.getDate());
str = str.replace(/d|D/g, this.getDate());
str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
str = str.replace(/h|H/g, this.getHours());
str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
str = str.replace(/m/g, this.getMinutes());
str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
str = str.replace(/s|S/g, this.getSeconds());
return str
}
Example 4:
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?"0"+time.Month:time.Month;
time.Day=this.getDate();
time.TDay=time.Day<10?"0"+time.Day:time.Day;
time.Hour=this.getHours();
time.THour=time.Hour<10?"0"+time.Hour:time.Hour;
time.hour=time.Hour<13?time.Hour:time.Hour-12;
time.Thour=time.hour<10?"0"+time.hour:time.hour;
time.Minute=this.getMinutes();
time.TMinute=time.Minute<10?"0"+time.Minute:time.Minute;
time.Second=this.getSeconds();
time.TSecond=time.Second<10?"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=["1 month ","2 month ","3 month ","4 month ","5 month ","6 month ","7 month ","8 month ","9 month ","10 month ","101 month ","102 month "];
var WeekArrEn=["Sun","Mon","Tue","Web","Thu","Fri","Sat"];
var WeekArr=[" Sunday "," week 1"," week 2"," week 3"," week 4"," week 5"," week 6"];
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 years MM month dd day HH:mm:ss")); //2014 years 07 month 27 day 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 years MMM dd EEE")); //2014 years 7 month 27 week 5
console.log(d.toString("yyyy MMM dd EEE","en")); //2014 Jul 27 Fri
Example 5: Time personalization output
/*
1 , < 60s, It says just now
2 , >= 1min && < 60 min, Time difference between display and current" XX Minutes ago"
3 , >= 60min && < 1day, Show the difference between the current time and today XX:XX "
4 , >= 1day && < 1year, Display date" XX month XX day XX:XX "
5 , >= 1year, Show the specific date" XXXX years XX month XX day 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 +' years '+ month +' month '+ day +' day '+ hour +':'+ minute;
}else{
var pastTime = curDate - date,
pastH = pastTime/3600000;
if(pastH > curHour){
timeStr = month +' month '+ day +' day '+ hour +':'+ minute;
}else if(pastH >= 1){
timeStr = ' Today, ' + hour +':'+ minute +' points ';
}else{
var pastM = curDate.getMinutes() - minute;
if(pastM > 1){
timeStr = pastM +' Minutes ago ';
}else{
timeStr = ' just ';
}
}
}
return timeStr;
}
This is the end of this article, I hope you enjoy it.