Pretty DatesJS

Installation

• add pretty-dates.js to your project files and import it in your HTML code:

  <script type="text/javascript" src="pretty-dates.js"></script>

• give your HTML elements a correctly formatted data-datetime attribute:

  <span class="pretty-date" data-datetime="1572127200"></span> <!-- timestamp (in seconds) -->
  or
  <span class="pretty-date" data-datetime="2019-10-27 08:30:00"></span>

• prettify date:

  PrettyDates.on('.pretty-date');

---

Documentation

PrettyDates object provides many methods:

• PrettyDates.setLanguage(langCode)

  sets the language code (e.g., 'en_US', 'es_ES'...) for localization purposes

• PrettyDates.setServertime(serverTime)

  sets the current server time for accurate date calculations (if not provided before enabling Pretty Dates JS, it will use the client time)

  parameter serverTime can be a timestamp in seconds or a correctly formatted date string

• PrettyDates.on(elements [, autoRefresh])

  Parameter elements

  an array of HTML elements or a query string that selects the elements to be prettified

  if query string is 'all', all elements with the class pretty-date will be selected

  Parameter autoRefresh

  if true, the prettified dates will automatically refresh every minute

• PrettyDates.refresh()

  forces the refresh of all the prettified dates

---

License

This project is released under MIT license.