jQuery时间戳和日期相互转换操作示例

 更新时间:2018年12月07日 11:51:27   作者:luckymaoyy  
这篇文章主要介绍了jQuery时间戳和日期相互转换操作,结合实例形式分析了jQuery针对日期与时间戳的转换、运算相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery时间戳和日期相互转换操作。分享给大家供大家参考,具体如下:

网上找的很多都没都是这样显示的2017-8-7 3:5:3 自己搜索改下了一下加了0这样显示 2017-08-07 15:05:03

(function($) {
    $.extend({
      myTime: {
        /**
         * 当前时间戳
         * @return <int>  unix时间戳(秒)
         */
        CurTime: function(){
          return Date.parse(new Date())/1000;
        },
        /**
         * 日期 转换为 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;
        },
        /**
         * 时间戳转换日期
         * @param <int> unixTime 待时间戳(秒)
         * @param <bool> isFull 返回完整时间(Y-m-d 或者 Y-m-d H:i:s)
         * @param <int> timeZone 时区
         */
        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);

调用方法:

<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,测试得到如下运行结果:

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.jb51.net/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery日期与时间操作技巧总结》、《jQuery扩展技巧总结》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jQuery对表单元素的取值和赋值操作代码

    jQuery对表单元素的取值和赋值操作代码

    使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:$(“#keyword”).val()
    2011-05-05
  • jQuery:unbind方法的使用详解

    jQuery:unbind方法的使用详解

    这篇文章主要介绍了jQuery:unbind方法的使用详解的相关资料,unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序,需要的朋友可以参考下
    2017-08-08
  • JQuery+EasyUI轻松实现步骤条效果

    JQuery+EasyUI轻松实现步骤条效果

    jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。通过本文给大家介绍JQuery+EasyUI轻松实现步骤条效果,需要的朋友参考下
    2016-02-02
  • jquery弹出遮掩层效果【附实例代码】

    jquery弹出遮掩层效果【附实例代码】

    下面小编就为大家带来一篇jquery弹出遮掩层效果【附实例代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-04-04
  • 基于jquery的on和click的区别详解

    基于jquery的on和click的区别详解

    下面小编就为大家分享一篇基于jquery的on和click的区别详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • jQuery的:parent选择器定义和用法

    jQuery的:parent选择器定义和用法

    jQuery的:parent选择器匹配含有子元素或者文本的元素,空格也算是含有的元素,下面有几个示例,大家可以学习下
    2014-07-07
  • jQuery timers计时器简单应用说明

    jQuery timers计时器简单应用说明

    大家都知道jQuery很强大,也有很多效果很帅的插件,下面介绍下jQuery定时器插件jQuery Timers,那JS都自带有定时器,为什么要使用Jquery的呢?
    2010-10-10
  • jquery入门必备的基本认识及实例(整理)

    jquery入门必备的基本认识及实例(整理)

    本文整理了一些jquery入门必备的基本知识及相关实例,适合初学者学习,另附一些jquery的常用事件,感兴趣的各位可不要错过了哈
    2013-06-06
  • 关于动态生成dom绑定事件失效的原因及解决方法

    关于动态生成dom绑定事件失效的原因及解决方法

    下面小编就为大家带来一篇关于动态生成dom绑定事件失效的原因及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jquery在IE、FF浏览器的差别详细探讨

    jquery在IE、FF浏览器的差别详细探讨

    jquery在IE,FF浏览器差别的问题,在FF的效果很好,但是在IE上面没有效果,当时也没有在意,通过今天的练习发现,“是不是对于一些自定义的js,IE的兼容性不是太好呢
    2013-04-04

最新评论