jQuery時間戳和日期相互轉(zhuǎn)換操作示例
更新時間：2018年12月07日 11:51:27 作者：luckymaoyy
這篇文章主要介紹了jQuery時間戳和日期相互轉(zhuǎn)換操作,結(jié)合實例形式分析了jQuery針對日期與時間戳的轉(zhuǎn)換、運算相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了jQuery時間戳和日期相互轉(zhuǎn)換操作。分享給大家供大家參考，具體如下：
網(wǎng)上找的很多都沒都是這樣顯示的2017-8-7 3:5:3 自己搜索改下了一下加了0這樣顯示 2017-08-07 15:05:03
(function($) {
$.extend({
myTime: {
/**
* 當(dāng)前時間戳
* @return <int> unix時間戳(秒)
*/
CurTime: function(){
return Date.parse(new Date())/1000;
},
/**
* 日期 轉(zhuǎn)換為 Unix時間戳
* @param <string> 2014-01-01 20:20:20 日期格式
* @return <int> unix時間戳(秒)
*/
DateToUnix: function(string) {
var f = string.split(' ', 2);
var d = (f[0] ? f[0] : '').split('-', 3);
var t = (f[1] ? f[1] : '').split(':', 3);
return (new Date(
parseInt(d[0], 10) || null,
(parseInt(d[1], 10) || 1) - 1,
parseInt(d[2], 10) || null,
parseInt(t[0], 10) || null,
parseInt(t[1], 10) || null,
parseInt(t[2], 10) || null
)).getTime() / 1000;
},
/**
* 時間戳轉(zhuǎn)換日期
* @param <int> unixTime 待時間戳(秒)
* @param <bool> isFull 返回完整時間(Y-m-d 或者 Y-m-d H:i:s)
* @param <int> timeZone 時區(qū)
*/
UnixToDate: function(unixTime, isFull, timeZone) {
if (typeof (timeZone) == 'number')
{
unixTime = parseInt(unixTime) + parseInt(timeZone) * 60 * 60;
}
var time = new Date(unixTime * 1000);
var ymdhis = "";
ymdhis += time.getUTCFullYear() + "-";
ymdhis += ((time.getUTCMonth()+1) < 10 ? "0" + (time.getUTCMonth()+1) : (time.getUTCMonth()+1)) + "-";
ymdhis += (time.getUTCDate() < 10 ? "0" + time.getUTCDate() : time.getUTCDate()) + " ";
ymdhis += (time.getHours() < 10 ? "0" + time.getHours() : time.getHours()) + ":";
ymdhis += (time.getUTCMinutes() < 10 ? "0" + time.getUTCMinutes() : time.getUTCMinutes()) + ":";
ymdhis += (time.getUTCSeconds() < 10 ? "0" + time.getUTCSeconds() : time.getUTCSeconds());
if (isFull === true)
{
ymdhis += (time.getHours() < 10 ? "0" + time.getHours() : time.getHours()) + ":";
ymdhis += (time.getUTCMinutes() < 10 ? "0" + time.getUTCMinutes() : time.getUTCMinutes()) + ":";
ymdhis += (time.getUTCSeconds() < 10 ? "0" + time.getUTCSeconds() : time.getUTCSeconds());
}
return ymdhis;
}
}
});
})(jQuery);
調(diào)用方法：
<script>
document.write($.myTime.DateToUnix('2017-08-07 10:49:59')+'<br>');
document.write($.myTime.UnixToDate(1502085303));
</script>
使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun，測試得到如下運行結(jié)果：
PS：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計算器/相差天數(shù)計算器：
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery日期與時間操作技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
使用常規(guī)的思路：$(“#keyword”).value 取值是取不到的，因為此時$(‘#keydord’)已經(jīng)不是個element，而是個jquery對象，所以應(yīng)該使用：$(“#keyword”).val()2011-05-05
這篇文章主要介紹了jQuery:unbind方法的使用詳解的相關(guān)資料,unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序，需要的朋友可以參考下2017-08-08
jQuery EasyUI 提供易于使用的組件，它使 Web 開發(fā)人員能快速地在流行的 jQuery 核心和 HTML5 上建立程序頁面。通過本文給大家介紹JQuery+EasyUI輕松實現(xiàn)步驟條效果，需要的朋友參考下2016-02-02
下面小編就為大家?guī)硪黄猨query彈出遮掩層效果【附實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-04-04
下面小編就為大家分享一篇基于jquery的on和click的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery的:parent選擇器匹配含有子元素或者文本的元素，空格也算是含有的元素，下面有幾個示例，大家可以學(xué)習(xí)下2014-07-07
大家都知道jQuery很強大，也有很多效果很帥的插件，下面介紹下jQuery定時器插件jQuery Timers，那JS都自帶有定時器，為什么要使用Jquery的呢？2010-10-10
本文整理了一些jquery入門必備的基本知識及相關(guān)實例，適合初學(xué)者學(xué)習(xí)，另附一些jquery的常用事件，感興趣的各位可不要錯過了哈2013-06-06
關(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法
下面小編就為大家?guī)硪黄P(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jquery在IE,FF瀏覽器差別的問題，在FF的效果很好，但是在IE上面沒有效果，當(dāng)時也沒有在意，通過今天的練習(xí)發(fā)現(xiàn)，“是不是對于一些自定義的js，IE的兼容性不是太好呢2013-04-04