<time-ago>

Time Ago element using Polymer and Moment.js

Maintained by Bruno Ziiê.

Demo

Check it live.

Usage

  1. Import Web Components' polyfill:

    <script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.0.20130816/polymer.min.js"></script>
  2. Import Moment.js library

    <script src="lib/moment.min.js"></script>
  3. Import Custom Element:

    <link rel="import" href="src/time-ago.html">
  4. Start using it!

    <time-ago datetime="2013-08-25 20:40:00"></timeago>

Options

Attribute Options Default Description
datetime string 0000-00-00 00:00:00 Date and time in YYYY-MM-DD HH:mm:ss format
refresh boolean true Auto refresh
delay int 60000 Delay to auto refresh (in milliseconds)

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

History

  • v0.0.1 August 25, 2013
    • Created timeago element
  • v0.0.2 August 26, 2013
    • Add delay attribute

License

MIT License