jQuery Plugin To Parse Human Readable Datetime - jTimeMachine

File Size: 8.26 KB
Views Total: 471
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Parse Human Readable Datetime - jTimeMachine

jTimeMachine is a jQuery plugin that prints out the passed times or pending times in human readable strings and keeps them corrects compared to now.

How to use it:

1. Include jQuery library and the jQuery jTimeMachine plugin on the webpage as usual.

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="dist/jTimeMachine.min.js"></script>

2. Insert the timestamps into the 'data-date' attribute as follows.

I am <span id="demo-1" data-date="01/01/1990"></span> years old
How long 'til Next Christmas? <span id="demo-2" data-date="2016/12/25"></span> days

4. Initialize the plugin.

$('#demo-1').jTimeMachine();
$('#demo-2').jTimeMachine({
  return: 'day'
});

5. This will output...

I am 25 years old
How long 'til Next Christmas? 391 days

6. Output the relative time in full mode.

$('#demo').jTimeMachine({
  return:'full'
});

7. Customize the datetime strings.

$('#selector').jTimeMachine({
  dictYears: 'years',
  dictYear: 'year',
  dictMonth: 'month',
  dictMonths: 'months',
  dictWeek: 'week',
  dictWeeks: 'weeks',
  dictDay: 'day',
  dictDays: 'days',
  dictHours: 'hours',
  dictHour: 'hour',
  dictMinutes: 'mins',
  dictMinute: 'min',
  dictSeconds: 'secs',
  dictSecond: 'sec'
});

This awesome jQuery plugin is developed by oliver-j. For more Advanced Usages, please check the demo page or visit the official website.