js中传入指定日期转换为时间戳,可以使用原生javascript的Date对象进行格式化操作或第三方js库如moment.js进行格式化输出。以下是这2种方法的具体实现:
1、使用原生javascript的Date对象,进行格式化
(1)将日期字符串转换为Date类型的对象。
let d = new Date('2018-01-01')
(2)转换为时间戳。
let t = d.getTime(d) // 方法1
let t = d.valueOf(d) // 方法2
let t = d.parse(d) // 方法3
2、第三方js库moment.js进行格式化
(1)在html中引入moment.js,添加以下script标签:
<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>
(2)将日期转换为时间戳
参数格式为:YYYY-MM-DD HH:mm:ss 或 YYYY-MM-DD
moment('2018-01-01').valueOf()
扩展资料:
1、js将当前日期转换为时间戳
let timeStamp = new Date().getTime()
2、js将时间戳转换为日期
let d = new Date(timestamp * 1000)// 时间戳为10位需*1000,时间戳为13位的话不需乘1000
let yyyy = d.getFullYear() + '-'
let MM = (d.getMonth()+1 <10 ? '0'+(d.getMonth()+1) : d.getMonth()+1) + '-'
let dd = d.getDate() + ' '
let HH = d.getHours() + ':'
let mm = d.getMinutes() + ':'
let ss = d.getSeconds()
return yyyy + MM + dd + HH + mm + ss
参考资料来源:JavaScript标准库-Date
一.js将时间转换成时间戳1.js获取当前时间戳的方法
var timestamp1 = Date.parse(new Date())
var timestamp2 = (new Date()).valueOf()
var timestamp3 = new Date().getTime()
第一种:获取的时间戳是把毫秒改成000显示,第二种和第三种是获取了当前毫秒的时间戳。
2.js获取制定时间戳的方法
var oldTime = (new Date("2015/06/23 08:00:20")).getTime()/1000
getTime()返回数值的单位是毫秒。
二.js把时间戳转为为普通日期格式
1.Date toLocaleString方法
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')
}
parseInt() 函数可解析一个字符串,并返回一个整数。
js中时间操作单位是毫秒。
toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
replace(/:\d{1,2}$/,' ')验证替换以:开始有一位或二位数字的结束字符串,就是秒;替换为空
显示如下:
所以我们可以利用正则表达式改变我们想要的日期格式。
2.Date 属性方法
function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo是整数,否则要parseInt转换
var time = new Date(shijianchuo)
var y = time.getFullYear()
var m = time.getMonth()+1
var d = time.getDate()
var h = time.getHours()
var mm = time.getMinutes()
var s = time.getSeconds()
return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s)
}
三.封装的时间格式器
/**
* 和PHP一样的时间戳格式化函数
* @param {string} format 格式
* @param {int} timestamp 要格式化的时间 默认为当前时间
* @return {string} 格式化的时间字符串
*/
function date(format, timestamp){
var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date())
var pad = function(n, c){
if((n = n + "").length <c){
return new Array(++c - n.length).join("0") + n
} else {
return n
}
}
var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"}
var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
var f = {
// Day
d: function(){return pad(f.j(), 2)},
D: function(){return f.l().substr(0,3)},
j: function(){return jsdate.getDate()},
l: function(){return txt_weekdays[f.w()]},
N: function(){return f.w() + 1},
S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},
w: function(){return jsdate.getDay()},
z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >>0},
// Week
W: function(){
var a = f.z(), b = 364 + f.L() - a
var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1
if(b <= 2 &&((jsdate.getDay() || 7) - 1) <= 2 - b){
return 1
} else{
if(a <= 2 &&nd >= 4 &&a >= (6 - nd)){
nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31")
return date("W", Math.round(nd2.getTime()/1000))
} else{
return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >>0)
}
}
},
// Month
F: function(){return txt_months[f.n()]},
m: function(){return pad(f.n(), 2)},
M: function(){return f.F().substr(0,3)},
n: function(){return jsdate.getMonth() + 1},
t: function(){
var n
if( (n = jsdate.getMonth() + 1) == 2 ){
return 28 + f.L()
} else{
if( n &1 &&n <8 || !(n &1) &&n >7 ){
return 31
} else{
return 30
}
}
},
// Year
L: function(){var y = f.Y()return (!(y &3) &&(y % 1e2 || !(y % 4e2))) ? 1 : 0},
//o not supported yet
Y: function(){return jsdate.getFullYear()},
y: function(){return (jsdate.getFullYear() + "").slice(2)},
// Time
a: function(){return jsdate.getHours() >11 ? "pm" : "am"},
A: function(){return f.a().toUpperCase()},
B: function(){
// peter paul koch:
var off = (jsdate.getTimezoneOffset() + 60)*60
var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off
var beat = Math.floor(theSeconds/86.4)
if (beat >1000) beat -= 1000
if (beat <0) beat += 1000
if ((String(beat)).length == 1) beat = "00"+beat
if ((String(beat)).length == 2) beat = "0"+beat
return beat
},
g: function(){return jsdate.getHours() % 12 || 12},
G: function(){return jsdate.getHours()},
h: function(){return pad(f.g(), 2)},
H: function(){return pad(jsdate.getHours(), 2)},
i: function(){return pad(jsdate.getMinutes(), 2)},
s: function(){return pad(jsdate.getSeconds(), 2)},
//u not supported yet
// Timezone
//e not supported yet
//I not supported yet
O: function(){
var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4)
if (jsdate.getTimezoneOffset() >0) t = "-" + telse t = "+" + t
return t
},
P: function(){var O = f.O()return (O.substr(0, 3) + ":" + O.substr(3, 2))},
//T not supported yet
//Z not supported yet
// Full Date/Time
c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},
//r not supported yet
U: function(){return Math.round(jsdate.getTime()/1000)}
}
return format.replace(/[\]?([a-zA-Z])/g, function(t, s){
if( t!=s ){
// escaped
ret = s
} else if( f[s] ){
// a date function exists
ret = f[s]()
} else{
// nothing special
ret = s
}
return ret
})
}
调用方法 能够很方便的将时间戳转换成日期的格式,如:
date('Y-m-d','1350052653')//很方便的将时间戳转换成了2012-10-11
date('Y-m-d H:i:s','1350052653')//得到的结果是2012-10-12 22:37:33
js时间戳转日期格式 formatDate
javascript 时间戳自定义格式转换,支持年月日时分秒等多种形式组合的日期和时间。
使用示例
年、月、日、时、分、秒
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 formatDate
参考:
js时间戳转日期格式 formatDate