JSFiddle - React, Tailwind, and code Playground

by ozkary

HTML

<!--
  Date type Extension Methods
  source: ozkary.blogspot.com
  Date: 4/27/2014
-->
<h3>DateDiff Extension Methods</h3>
<h5 id='dates1'></h5>
Months: <span id="m1"></span>
Years: <span id="y1"></span>
<hr/>
<h5 id='dates2'></h5>
Months: <span id="m2"></span>
Years: <span id="y2"></span>

JavaScript

Date.prototype.monthDiff = function(dt){
     var yr = (this.getFullYear()- dt.getFullYear())*12;
     var mn = ((this.getMonth()+1)- (dt.getMonth()+1));
     return yr+mn;  
}

Date.prototype.yearDiff = function(dt){
     var yr = (this.getFullYear()- dt.getFullYear());     
     return yr;  
}


Date.prototype.toShortDate = function(){
     var dt = (this.getMonth()+1) +'/' +  this.getDate() +'/' +this.getFullYear();    
     return dt;  
}

var date1 = new Date('2/16/2014');
var date2 = new Date('09/01/2009');
$('#dates1').text(date1.toShortDate() + ' - ' + date2.toShortDate());
    
var m= date1.monthDiff(date2);
var y= date1.yearDiff(date2);

$('#m1').text(m);
$('#y1').text(y);


date1 = new Date('3/28/2014');
date2 = new Date('12/28/1996');
$('#dates2').text(date1.toShortDate() + ' - ' + date2.toShortDate());

m= date1.monthDiff(date2);
y= date1.yearDiff(date2);
$('#m2').text(m);
$('#y2').text(y);