Yet Another jQuery Human Friendly Date & Time Formatting Plugin - Pretty Date
File Size: | 15.4 KB |
---|---|
Views Total: | 1230 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Pretty Date is a lightweigtht jQuery plugin that replaces any dates or times with human readable relative date formats(e.g. "x minutes ago" or "x years later").
See also:
- Relative Timestamps Update Plugin - timeago
- User Friendly Time Formatting Plugin with jQuery - Age
- User-Friendly Date Formatting Plugin - prettydate
- Simple Human-Friendly Relative Date Formatting Plugin - optimusTime
- jQuery Plugin For Human-Friendly Relative Time Formatting - tidyTime.js
Basic Usage:
1. Load the JQuery library and jQuery pretty date plugin in the html page.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="dist/prettydate.js"></script>
2. Wrap the date in an DOM element with the prettydate
attribute. Use data-date-format
attribute to custom the date format you're using.
<span prettydate data-date-format="YYYY.M.D h:m:s">2020.1.1 00:00:00</span>
3. Default settings
afterSuffix: "later", beforeSuffix: "ago", autoUpdate: false, date: undefined, dateFormat: "YYYY-MM-DD hh:mm:ss", duration: 60000, // milliseconds messages: { second: "Just now", seconds: "%s seconds %s", minute: "One minute %s", minutes: "%s minutes %s", hour: "One hour %s", hours: "%s hours %s", day: "One day %s", days: "%s days %s", week: "One week %s", weeks: "%s weeks %s", month: "One month %s", months: "%s months %s", year: "One year %s", years: "%s years %s", // Extra yesterday: "Yesterday", beforeYesterday: "The day before yesterday", tomorrow: "Tomorrow", afterTomorrow: "The day after tomorrow" }
Change log:
v0.1.0 (2014-08-07)
- update.
v0.0.3 (2014-07-12)
- improve.
This awesome jQuery plugin is developed by fengyuanchen. For more Advanced Usages, please check the demo page or visit the official website.