JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>
<h2>STANDARD JS:</h2>
<button onclick='var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months start with zero
var curr_year = d.getFullYear();
alert(curr_month + "/" + curr_date + "/" + curr_year);'>standard js</button>
<hr/>
<h2>MOMENT.JS:</h2>
<button onclick='alert(moment([2010, 1, 14, 15, 25, 50, 125]).format("MM/DD/YYYY"));'>moment.js</button><hr/>
<h2>jQuery UI</h2>
<p>Date: <input type="text" id="datepicker" size="30"></p>
<p>Format options:<br>
<select id="format">
<option value="mm/dd/yy">Default - mm/dd/yy</option>
<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
<option value="d M, y">Short - d M, y</option>
<option value="d MM, y">Medium - d MM, y</option>
<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
</select>
</p>
<hr/>
<h2>IE:</h2>
<!--[if IE]>
<script>
var d1=new Date();
d1.toString('MM-dd-yyyy');
</script>
<![endif]-->
<![if !IE]>
You're using a non IE browser, this only works with IE. To see, open in IE.
<![endif]>
JavaScript
$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
});
});