• js时间转化为几天前,几小时前,几分钟前


    使用环境

    中英对照 | 提交修改

    Moment 被设计为在浏览器和 Node.js 中都能工作。

    所有的代码都应该在这两种环境中都可以工作,并且所有的单元测试都应该在这两种环境中运行。

    CI 系统当前使用以下的浏览器:Windows XP 上的 Chrome,Windows 7 上的 IE 8、9 和 10,Windows 10 上的 IE 11,Linux 上最新的 Firefox,OSX 10.8 和 10.11 上最新的 Safari。

    如果您想尝试以下的示例代码,则只需打开浏览器的控制台并输入即可。

    Node.js

    中英对照 | 提交修改

    npm install moment
    
    1. var moment = require('moment');
    2. moment().format();

    注意:在 2.4.0 中,全局的 moment 对象已被废弃。 它将会在下一个主版本中被删除。

    浏览器

    中英对照 | 提交修改

    1. <script src="moment.js"></script>
    2. <script>
    3. moment().format();
    4. </script>

    Moment.js 在 cdnjs.comjsDelivr 上可用。

    Bower

    中英对照 | 提交修改

    bower

    bower install --save moment
    

    值得注意的文件是 moment.jslocale/*.jsmin/moment-with-locales.js

    Require.js

    中英对照 | 提交修改

    如果你打算将 moment 与 Require.js 结合使用,则强烈建议你阅读此内容。 另外,请升级到 2.14.0 或更高版本以获得最佳体验。

    首先,你可能需要通过 bower 或 node_modules 或其他方式将 moment.js 以及语言环境目录放置在基层文件夹中来获取 moment。 然后,你可以使用 adapt-pkg-main 之类的工具、或者手动使用包配置

    1. requirejs.config({
    2. packages: [{
    3. name: 'moment',
    4. // 此位置是相对于 baseUrl 的。
    5. // 选择 bower_components 还是 node_modules 取决于具体的安装方式。
    6. location: '[bower_components|node_modules]/moment'
    7. main: 'moment'
    8. }]
    9. });

    通过上述的设置,你可以使用 moment 引入核心模块、使用 moment/locale/de 引入 de 语言环境。

    1. // 只需要核心模块。
    2. define(['moment'], function (moment) {
    3. console.log(moment().format('LLLL')); // 'Friday, June 24, 2016 1:42 AM'
    4. });
    5. // 具有单一语言环境的核心模块。
    6. define(['moment', 'moment/locale/de'], function (moment) {
    7. moment.locale('de');
    8. console.log(moment().format('LLLL')); // 'Freitag, 24. Juni 2016 01:42'
    9. });
    10. // 具有所有语言环境的核心模块。
    11. define(['moment/min/moment-with-locales'], function (moment) {
    12. moment.locale('de');
    13. console.log(moment().format('LLLL')); // 'Freitag, 24. Juni 2016 01:42'
    14. });
    15. // 异步加载语言环境。
    16. define(['require', 'moment'], function(require, moment) {
    17. // 检测到语言环境之后,在某个模块内部。
    18. // 这是在模块加载时间之前不知道语言环境的情况。
    19. require(['moment/locale/de'], function(localeModule) {
    20. // 此处已加载语言环境,但尚未使用。
    21. console.log(moment().format('LLLL')); // 'Friday, June 24, 2016 1:42 AM'
    22. moment.locale('de');
    23. // 已经正确地设置了语言环境之后使用 moment。
    24. console.log(moment().format('LLLL')); // 'Freitag, 24. Juni 2016 01:42'
    25. })
    26. });

     


     

    1. const getCommentTime = (createTime) => {
    2. const interval = (serverTime - createTime) / 1000
    3. if (interval < 60) {
    4. return '刚刚'
    5. } else if (interval < 60 * 60) {
    6. let tempTime = Math.floor(interval / 60)
    7. return `${tempTime}分钟前`
    8. } else if (interval < 60 * 60 * 24) {
    9. let tempTime = Math.floor(interval / (60 * 60))
    10. return `${tempTime}小时前`
    11. } else if (interval < 60 * 60 * 24 * 7) {
    12. let tempTime = Math.floor(interval / (60 * 60 * 24))
    13. return `${tempTime}天前`
    14. } else if (interval < 60 * 60 * 24 * 365) {
    15. return moment(createTime - 0).format('MM-DD')
    16. } else {
    17. return moment(createTime - 0).format('YYYY-MM-DD')
    18. }
    19. }

  • 相关阅读:
    错误:CUDA error: device-side assert triggered CUDA kernel errors
    零基础入门学习Web开发:HTML篇(一)
    c语言基础
    Burp Suite--Get acquainted for the first time
    国产bi VS国外bi,谁更适合中国企业?
    logback+MQ+Logstash 日志收集
    SEO内链优化的8个终极策略
    el-table的border属性失效问题解决方案
    一款简单漂亮的WPF UI - AduSkin
    泰迪智能科技企业数据挖掘平台使用场景
  • 原文地址:https://blog.csdn.net/xutongbao/article/details/127844187