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中的deferred对象和extend方法详解

    jQuery中的deferred对象和extend方法详解

    本篇文章主要介绍了jQuery中的deferred对象和extend方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • jQuery的DOM操作之删除节点示例

    jQuery的DOM操作之删除节点示例

    如果文档中某一个元素多余,那么应将其删除。jQuery提供了两种删除节点的方法,remove()方法和empty()方法下面为大家详细介绍下
    2014-01-01
  • jquery实现自适应banner焦点图

    jquery实现自适应banner焦点图

    本文主要分享了jquery实现自适应banner焦点图的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • jQueryUI Sortable 应用Demo(分享)

    jQueryUI Sortable 应用Demo(分享)

    下面小编就为大家带来一篇jQueryUI Sortable 应用Demo(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • jQuery实现自定义checkbox和radio样式

    jQuery实现自定义checkbox和radio样式

    这篇文章主要介绍了jQuery实现自定义checkbox和radio样式的相关资料,需要的朋友可以参考下
    2015-07-07
  • jQuery控制文本框只能输入数字和字母及使用方法

    jQuery控制文本框只能输入数字和字母及使用方法

    这篇文章主要介绍了jQuery控制文本框只能输入数字和字母及使用方法的相关资料,非常不错而且实用性也很高,需要的朋友可以参考下
    2016-05-05
  • jQuery getJSON()+.ashx 实现分页(改进版)

    jQuery getJSON()+.ashx 实现分页(改进版)

    参考了上一篇Asp .net +jquery +.ashx 文件实现分页并作了改进:ashx返回json数据,减少传输数据量,html页面样式控制也比较灵活,感兴趣的朋友可以参考下哈
    2013-03-03
  • JQuery中getJSON的使用方法

    JQuery中getJSON的使用方法

    最近有一个活动,其中的数据需要和纯静态html网站进行交互。但是由于两个网站处于不同的域名下,而Ajax的应用中,由于安全的问题,浏览器默认是不支持跨域调用的,最后选用了JQuery中的getJSON方法
    2010-12-12
  • jQuery Mobile 触摸事件实例

    jQuery Mobile 触摸事件实例

    这篇文章主要演示了5个jQuery Mobile 触摸事件实例,需要的朋友可以参考下。
    2016-06-06
  • jQuery实现当拉动滚动条到底部加载数据的方法分析

    jQuery实现当拉动滚动条到底部加载数据的方法分析

    这篇文章主要介绍了jQuery实现当拉动滚动条到底部加载数据的方法,结合实例形式分析了jQuery针对滚动事件的监听、响应及数据加载相关操作技巧,需要的朋友可以参考下
    2019-01-01

最新评论