js页面里时间戳转日期 js怎么把时间戳转换为日期格式

js \u4e2d\u65e5\u671f \u8f6c\u6362\u6210\u65f6\u95f4\u6233 \u4f8b\u59822013-08-30 \u8f6c\u6362\u4e3a\u65f6\u95f4\u6233

js\u5b57\u7b26\u4e32\u8f6c\u5316\u65f6\u95f4\u6233\u53ef\u4ee5\u4f7f\u7528\u81ea\u5e26\u51fd\u6570 Date(\u8981\u8f6c\u5316\u7684\u65f6\u95f4\u5b57\u7b26\u4e32)\u5148\u8f6c\u5316\u4e3aDate\u7c7b\u578b\uff0c\u4e4b\u540e\u518d\u5c06Date\u7c7b\u578b\u8f6c\u5316\u4e3a\u65f6\u95f4\u6233\u7c7b\u578b\uff0c\u5176\u4e2d\u65f6\u95f4\u5b57\u7b26\u4e32\u6709\u8981\u6c42\uff0c\u5f62\u5f0f\u5fc5\u987b\u662f yyyy-MM-dd HH:mm:ss \u7684\u5f62\u5f0f\uff0c\u5f53\u7136\uff0c\u4e5f\u53ef\u4ee5\u53ea\u662f yyyy-MM-dd\uff0c \u5c31\u662f 2013-08-30\uff0c\u5982\u4e0b\uff1a

\u6b64\u5904\u4f1a\u5f97\u5230\u4e00\u4e2a Date \u7c7b\u578b\u7684\u6570\u636e\uff0c\u83b7\u5f97\u65f6\u95f4\u6233\u6570\u636e\uff0c\u9700\u8981\u5bf9\u65e5\u671f\u5bf9\u8c61\u8fdb\u884c\u64cd\u4f5c\uff0c\u5c06\u65e5\u671f\u8f6c\u5316\u4e3a\u65f6\u95f4\u6233\u6709\u4e09\u79cd\u65b9\u5f0f\uff0c\u5982\u4e0b\uff1a
1. var time1 = date.getTime();

2.var time2 = date.valueOf();

3.var time3 = Date.parse(date);

\u7b2c\u4e00\u3001\u7b2c\u4e8c\u79cd\uff1a\u4f1a\u7cbe\u786e\u5230\u6beb\u79d2\uff0c\u7b2c\u4e09\u79cd\uff1a\u53ea\u80fd\u7cbe\u786e\u5230\u79d2\uff0c\u6beb\u79d2\u7528000\u66ff\u4ee3\uff0c\u6ce8\u610f\uff1a\u83b7\u53d6\u5230\u7684\u65f6\u95f4\u6233\u9664\u4ee51000\u5c31\u53ef\u83b7\u5f97Unix\u65f6\u95f4\u6233\uff0c\u5c31\u53ef\u4f20\u503c\u7ed9\u540e\u53f0\u5f97\u5230\u3002
\u6269\u5c55\u8d44\u6599
Date() \u8fd4\u56de\u5f53\u65e5\u7684\u65e5\u671f\u548c\u65f6\u95f4\u3002
getDate() \u4ece Date \u5bf9\u8c61\u8fd4\u56de\u4e00\u4e2a\u6708\u4e2d\u7684\u67d0\u4e00\u5929 (1 ~ 31)\u3002
getDay() \u4ece Date \u5bf9\u8c61\u8fd4\u56de\u4e00\u5468\u4e2d\u7684\u67d0\u4e00\u5929 (0 ~ 6)\u3002
getMonth() \u4ece Date \u5bf9\u8c61\u8fd4\u56de\u6708\u4efd (0 ~ 11)\u3002
getFullYear() \u4ece Date \u5bf9\u8c61\u4ee5\u56db\u4f4d\u6570\u5b57\u8fd4\u56de\u5e74\u4efd\u3002
getYear() \u8bf7\u4f7f\u7528 getFullYear() \u65b9\u6cd5\u4ee3\u66ff\u3002
getHours() \u8fd4\u56de Date \u5bf9\u8c61\u7684\u5c0f\u65f6 (0 ~ 23)\u3002
getMinutes() \u8fd4\u56de Date \u5bf9\u8c61\u7684\u5206\u949f (0 ~ 59)\u3002
getSeconds() \u8fd4\u56de Date \u5bf9\u8c61\u7684\u79d2\u6570 (0 ~ 59)\u3002
getMilliseconds() \u8fd4\u56de Date \u5bf9\u8c61\u7684\u6beb\u79d2(0 ~ 999)\u3002
getTime() \u8fd4\u56de 1970 \u5e74 1 \u6708 1 \u65e5\u81f3\u4eca\u7684\u6beb\u79d2\u6570\u3002
getTimezoneOffset() \u8fd4\u56de\u672c\u5730\u65f6\u95f4\u4e0e\u683c\u6797\u5a01\u6cbb\u6807\u51c6\u65f6\u95f4 (GMT) \u7684\u5206\u949f\u5dee\u3002
getUTCDate() \u6839\u636e\u4e16\u754c\u65f6\u4ece Date \u5bf9\u8c61\u8fd4\u56de\u6708\u4e2d\u7684\u4e00\u5929 (1 ~ 31)\u3002
getUTCDay() \u6839\u636e\u4e16\u754c\u65f6\u4ece Date \u5bf9\u8c61\u8fd4\u56de\u5468\u4e2d\u7684\u4e00\u5929 (0 ~ 6)\u3002
getUTCMonth() \u6839\u636e\u4e16\u754c\u65f6\u4ece Date \u5bf9\u8c61\u8fd4\u56de\u6708\u4efd (0 ~ 11)\u3002
getUTCFullYear() \u6839\u636e\u4e16\u754c\u65f6\u4ece Date \u5bf9\u8c61\u8fd4\u56de\u56db\u4f4d\u6570\u7684\u5e74\u4efd\u3002
getUTCHours() \u6839\u636e\u4e16\u754c\u65f6\u8fd4\u56de Date \u5bf9\u8c61\u7684\u5c0f\u65f6 (0 ~ 23)\u3002
getUTCMinutes() \u6839\u636e\u4e16\u754c\u65f6\u8fd4\u56de Date \u5bf9\u8c61\u7684\u5206\u949f (0 ~ 59)\u3002
getUTCSeconds() \u6839\u636e\u4e16\u754c\u65f6\u8fd4\u56de Date \u5bf9\u8c61\u7684\u79d2\u949f (0 ~ 59)\u3002
getUTCMilliseconds() \u6839\u636e\u4e16\u754c\u65f6\u8fd4\u56de Date \u5bf9\u8c61\u7684\u6beb\u79d2(0 ~ 999)\u3002
parse() \u8fd4\u56de1970\u5e741\u67081\u65e5\u5348\u591c\u5230\u6307\u5b9a\u65e5\u671f\uff08\u5b57\u7b26\u4e32\uff09\u7684\u6beb\u79d2\u6570\u3002
setDate() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u6708\u7684\u67d0\u4e00\u5929 (1 ~ 31)\u3002
setMonth() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u6708\u4efd (0 ~ 11)\u3002
setFullYear() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5e74\u4efd\uff08\u56db\u4f4d\u6570\u5b57\uff09\u3002
setYear() \u8bf7\u4f7f\u7528 setFullYear() \u65b9\u6cd5\u4ee3\u66ff\u3002
setHours() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5c0f\u65f6 (0 ~ 23)\u3002
setMinutes() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5206\u949f (0 ~ 59)\u3002
setSeconds() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u79d2\u949f (0 ~ 59)\u3002
setMilliseconds() \u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u6beb\u79d2 (0 ~ 999)\u3002
setTime() \u4ee5\u6beb\u79d2\u8bbe\u7f6e Date \u5bf9\u8c61\u3002
setUTCDate() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u6708\u4efd\u7684\u4e00\u5929 (1 ~ 31)\u3002
setUTCMonth() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u6708\u4efd (0 ~ 11)\u3002
setUTCFullYear() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5e74\u4efd\uff08\u56db\u4f4d\u6570\u5b57\uff09\u3002
setUTCHours() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5c0f\u65f6 (0 ~ 23)\u3002
setUTCMinutes() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u5206\u949f (0 ~ 59)\u3002
setUTCSeconds() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u79d2\u949f (0 ~ 59)\u3002
setUTCMilliseconds() \u6839\u636e\u4e16\u754c\u65f6\u8bbe\u7f6e Date \u5bf9\u8c61\u4e2d\u7684\u6beb\u79d2 (0 ~ 999)\u3002
toSource() \u8fd4\u56de\u8be5\u5bf9\u8c61\u7684\u6e90\u4ee3\u7801\u3002
toString() \u628a Date \u5bf9\u8c61\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
toTimeString() \u628a Date \u5bf9\u8c61\u7684\u65f6\u95f4\u90e8\u5206\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
toDateString() \u628a Date \u5bf9\u8c61\u7684\u65e5\u671f\u90e8\u5206\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
toGMTString() \u8bf7\u4f7f\u7528 toUTCString() \u65b9\u6cd5\u4ee3\u66ff\u3002
toUTCString() \u6839\u636e\u4e16\u754c\u65f6\uff0c\u628a Date \u5bf9\u8c61\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
toLocaleString() \u6839\u636e\u672c\u5730\u65f6\u95f4\u683c\u5f0f\uff0c\u628a Date \u5bf9\u8c61\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
toLocaleTimeString() \u6839\u636e\u672c\u5730\u65f6\u95f4\u683c\u5f0f\uff0c\u628a Date \u5bf9\u8c61\u7684\u65f6\u95f4\u90e8\u5206\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002toLocaleDateString() \u6839\u636e\u672c\u5730\u65f6\u95f4\u683c\u5f0f\uff0c\u628a Date \u5bf9\u8c61\u7684\u65e5\u671f\u90e8\u5206\u8f6c\u6362\u4e3a\u5b57\u7b26\u4e32\u3002
UTC() \u6839\u636e\u4e16\u754c\u65f6\u8fd4\u56de 1997 \u5e74 1 \u6708 1 \u65e5 \u5230\u6307\u5b9a\u65e5\u671f\u7684\u6beb\u79d2\u6570\u3002valueOf() \u8fd4\u56de Date \u5bf9\u8c61\u7684\u539f\u59cb\u503c\u3002

\u524d\u7aef\u6709\u65f6\u5019\u53ef\u80fd\u8981\u4ece\u65e5\u671f\u63a7\u4ef6\u4e2d\u62ff\u5230\u65e5\u671f\uff0c\u7136\u540e\u53c2\u4e0e\u8ba1\u7b97\uff0c\u4e0b\u8fb9\u8bb0\u5f55\u4e00\u4e2a\u628a\u65e5\u671f\u5b57\u7b26\u4e32\u8f6c\u6362\u6210\u65f6\u95f4\u6233\u7684\u5c0f\u51fd\u6570\u3002 dateStr\u683c\u5f0f\u4e3a\u201c2014-05-08 00:22:11 \u201dfunction get_unix_time(dateStr){var newstr = dateStr.replace(/-/g,'/');var date = new Date(newstr);var time_str = date.getTime().toString();return time_str.substr(0, 10);}

js将时间戳转为日期格式，自定义日期时间格式，支持年,月,周,日,时,分,秒多种形式的组合。

年、月、日、时、分、秒

var date = jutils.formatDate(new Date(1533686888*1000),"YYYY-MM-DD HH:ii:ss");
console.log(date);
// 2019-07-09 19:44:01

年、月、日、周

var date = jutils.formatDate(new Date(1562672641*1000),"YYYY-MM-DD 周W");
console.log(date);
//2019-07-09 周二

月、日、周

var date = jutils.formatDate(new Date(1562672641*1000),"MM-DD 周W");
console.log(date);
//07-09 周二

时、分、秒

var date = jutils.formatDate(new Date(1562672641*1000),"HH:ii:ss");
console.log(date);
//19:44:01

关于 jutils 的javascript时间戳转换 可以参照：

js将时间戳转为日期格式

支持自定义返回格式，可以显示年,月,周,日,时,分,秒多种形式的日期和时间。

部分源代码截图：

时间戳转化为标准时间格式

为什么不在for循环时就把时间戳格式化成日期啊，这样就不用JS再转了啊
如果非要用JS的话，如下：
var timeStr = '1427423435'; //时间戳你自已取的值
var tim = new Date(parseInt(timeStr) * 1000); //如果时间戳是后端生成 要 * 1000
var year = tim.getFullYear(); //年
var month = tim.getMonth() + 1; //月
month = month < 10 ? '0' + month : month;
var day = tim.getDate();//日
day = day < 10 ? '0' + day : day;

alert(year + '-' + month + '-' + day);

获取当前时间:new Date();

把当前时间转为事件戳:Date.parse(new Date()),new Date().getTime();

把时间戳转为时间new Date(时间戳);

写个例子:

<script>
	//获取当前时间
	var date = new Date();//Wed Oct 21 2015 10:36:25 GMT+0800 (中国标准时间)
	//把当前时间转换为时间戳
	date = Date.parse(date);//1445394985000
	date = date.getTime();//1445394985000
	//把时间戳转换为日期格式
	date = new Date(date);//Wed Oct 21 2015 10:36:25 GMT+0800 (中国标准时间)

	//获取当前时间的小时
	var hours = date.getHours();//10
	//分钟
	var min = date.getMinutes();//36
	//秒
	var sec = date.getSeconds();//25
	//年
	var year = date.getFullYear();//2015
	//月    月份的范围是从0~11,所以获得的月份要加1才是当前月
	var mon = date.getMonth();//9
	//日
	var day = date.getDate();//21
	//星期几
	var	week = date.getDay();//3
</script>

浣跨敤js,鏃堕棿鎴鏁板兼庝箞杞崲鎴鏃ユ湡
绛旓細绛旀锛氫娇鐢↗avaScript灏嗘椂闂存埑鏁板艰浆鎹负鏃ユ湡锛屽彲浠ラ氳繃鍒涘缓涓涓狣ate瀵硅薄骞朵紶閫掓椂闂存埑浣滀负鍙傛暟鏉ュ疄鐜銆傝缁嗚В閲婏細1. JavaScript涓殑Date瀵硅薄锛欽avaScript鎻愪緵浜咲ate瀵硅薄锛岀敤浜庡鐞嗘棩鏈熷拰鏃堕棿銆備綘鍙互浣跨敤杩欎釜瀵硅薄鏉ユ墽琛屽悇绉嶆棩鏈熷拰鏃堕棿鐩稿叧鐨勬搷浣溿2. 鍒涘缓Date瀵硅薄骞朵紶閫掓椂闂存埑锛氳灏嗘椂闂存埑杞崲涓烘棩鏈燂紝鍙互鍒涘缓涓...

js鏃堕棿鎴鎬庝箞杞垚鏃ユ湡鏍煎紡
绛旓細//绗竴绉 function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');} alert(getLocalTime(1293072805));//缁撴灉鏄2010骞12鏈23鏃 10:53//绗簩绉 function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleStrin...

js涓鎬庝箞灏鏃堕棿鎴宠浆鎹涓 yyyy-mm-dd鏍煎紡
绛旓細var date = new Date(a);document.body.innerText = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDay();3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃跺彂鐜鏃堕棿鎴琚js鎴愬姛杞崲涓浜唝yyy-mm-dd鏍煎紡銆

vue.js鎬庢牱灏鏃堕棿鎴宠浆鍖栦负鏃ユ湡鏍煎紡
绛旓細1銆侀鍏堥渶瑕佹牴鎹浘绀轰唬鐮佸垱寤篐TML鏂囨。锛屽苟鍒涘缓JS鏍囪銆2銆佺劧鍚庨渶瑕佹牴鎹浘绀轰唬鐮乶ew Date()鍒涘缓鏃ユ湡瀵硅薄銆3銆佺劧鍚庨渶瑕佹牴鎹浘绀轰唬鐮佷互姣涓哄崟浣嶇殑鏃堕棿鎴筹紝璁剧疆鏃ユ湡瀵硅薄銆4銆佺劧鍚庨渶瑕佹牴鎹浘绀轰唬鐮佹墦鍗拌缃悗鐨勬棩鏈熴5銆佷繚瀛樻枃浠讹紝鍦ㄦ祻瑙堝櫒鏌ョ湅杈撳嚭灏鏃堕棿鎴宠浆鍖栦负鏃ユ湡鏍煎紡鎴愬姛銆

js鏃堕棿鎴鎬庝箞杞垚鏃ユ湡鏍煎紡
绛旓細绗竴绉嶏細鑾峰彇鐨勬椂闂存埑鏄妸姣鏀规垚000鏄剧ず锛岀浜岀鍜岀涓夌鏄幏鍙栦簡褰撳墠姣鐨勬椂闂存埑銆2.js鑾峰彇鍒跺畾鏃堕棿鎴崇殑鏂规硶 var oldTime = (new Date("2015/06/23 08:00:20")).getTime()/1000;getTime()杩斿洖鏁板肩殑鍗曚綅鏄绉掋備簩.js鎶鏃堕棿鎴宠浆涓轰负鏅鏃ユ湡鏍煎紡 1.Date toLocaleString鏂规硶 function get...

js椤甸潰閲屾椂闂存埑杞棩鏈
绛旓細js灏鏃堕棿鎴宠浆涓烘棩鏈鏍煎紡锛岃嚜瀹氫箟鏃ユ湡鏃堕棿鏍煎紡锛屾敮鎸佸勾,鏈,鍛,鏃,鏃,鍒,绉掑绉嶅舰寮忕殑缁勫悎銆傚勾銆佹湀銆佹棩銆佹椂銆佸垎銆佺 var date = jutils.formatDate(new Date(1533686888*1000),"YYYY-MM-DD HH:ii:ss");console.log(date);// 2019-07-09 19:44:01骞淬佹湀銆佹棩銆佸懆 var date = jutils....

js鏃堕棿鎴鎬庝箞杞垚鏃ユ湡鏍煎紡
绛旓細鍙互浣跨敤new Date()灏鏃堕棿鎴宠浆鎹鎴怐ate瀵硅薄:var dt = new Date(1498282171331);//鏃堕棿鎴充负鍙傛暟鐒跺悗灏卞彲浠ヤ娇鐢―ate瀵硅薄鐨勪竴浜涙柟娉曟潵鍙栧緱闇瑕佺殑閮ㄥ垎浜:var y = dt.getFullYear();var m = dt.getMonth()+1;var d = dt.getDate();var h = dt.getHours();var mm = dt.getMinutes();var s...

濡備綍鍦js涓灏鏃堕棿鎴宠浆鎹负鏃堕棿鏍煎紡
绛旓細js灏鏃堕棿鎴宠浆涓烘棩鏈鏍煎紡 鎺ㄨ崘涓涓狫avaScript甯哥敤鍑芥暟搴 jutils 鍏朵腑鐨刦ormatDate锛坖avascript鏃堕棿鎴宠浆鎹锛夊嚱鏁版敮鎸佽嚜瀹氫箟鏍煎紡锛屽彲浠ユ樉绀哄勾,鏈,鍛,鏃,鏃,鍒,绉掑绉嶅舰寮忕殑鏃ユ湡鍜屾椂闂淬備緥锛氳緭鍑烘牸寮忎负 => 骞淬佹湀銆佹棩銆佹椂銆佸垎銆佺 var date = jutils.formatDate(new Date(1533686888*1000),"YYYY-MM-DD...

js灏鏃堕棿鎴宠浆鎹涓哄嚑鏈堝嚑鏃ユ槦鏈熷嚑
绛旓細formatDate:function(date){ varnow=newDate(date)varyear=now.getYear();varmonth=now.getMonth()+1;vardate=now.getDate();varhour=now.getHours();varminute=now.getMinutes();varsecond=now.getSeconds();return"20"+year+"."+month+"."+date;},...

js鏃堕棿鎴鎬庝箞杞垚鏃ユ湡鏍煎紡
绛旓細绀轰緥 骞淬佹湀銆佹棩銆佹椂銆佸垎銆佺 var date = jutils.formatDate(new Date(1533686888*1000),"YYYY-MM-DD HH:ii:ss");console.log(date);// 2019-07-09 19:44:01鏇村鑷畾涔夊弬鏁板拰鐢ㄦ硶鍙互鍙傜収锛歫avascript鏍煎紡鍖鏃ユ湡鏃堕棿 涓嬮潰鏄簮鐮佺殑鎴浘锛js鏃堕棿鎴宠浆涓烘棩鏈鏍煎紡 ...

扩展阅读：时间戳查询工具 ... js时间戳格式化yyyymmdd ... 在线获取时间戳 ... js获取当前时间yyyymmdd ... js把时间戳转为yyyymmdd ... js 获取时间戳 ... java时间戳转时间 ... js将时间戳转为日期 ... js时间转为时间戳的方法 ...