阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.age 中文API文档

      插件 jQuery.age 中文API文档

      https://github.com/ksylvest/jquery-age

      Age是一个jQuery插件,可以将日期和时间格式化并跟踪为人类可读的文本。

      安装

      要安装将javascripts目录复制到项目中,请将以下代码段添加到标题中:

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
      <script src="javascript/jquery.age.js" type="text/javascript"></script>
      

      此插件也在http://bower.io/下注册,以简化集成。尝试:

      npm install -g bower
      bower install gridly
      

      例子

      设置日期或时间很容易。以下片段是一个好的开始:

      <time datetime="2010-01-01T12:00:00Z" class="age">January 1, 2010 12:00</time>
      <time datetime="2020-01-01T12:00:00Z" class="age">January 1, 2020 12:00</time>
      
      <script type="text/javascript">
        $('.age').age();
      </script>
      

      组态

      Age支持许多配置设置,用于自定义语言和间隔:

      $('.age').age({
        interval: 10000,
        suffixes: {
          past: "ago",
          future: "until",
          },
        formats: {
          now: "now"
          singular: {
            seconds: "a second",
            minutes: "a minute",
            hours: "an hour",
            days: "a day",
            weeks: "a week",
            months: "a month",
            years: "a year",
            },
          plural: {
            seconds: "{{amount}} seconds",
            minutes: "{{amount}} minutes",
            hours: "{{amount}} hours",
            days: "{{amount}} days",
            weeks: "{{amount}} weeks",
            months: "{{amount}} months",
            years: "{{amount}} years",
            },
          },
        });
      );
      

      年龄还支持传入允许单位的白名单(即不在几周或几个月内显示单位):

      $('.age').age({ units: ["days", "hours", "minutes"] });
      
      目录
      本文目录
      目录