JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/js/jquery-1.7.2.js"></script>
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/js/jquery.ui.core.js"></script>
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/js/jquery.ui.datepicker.js"></script>
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/jquery-ui.multidatespicker.js"></script>
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/js/prettify.js"></script>
<script src="http://247nywebdesign.com/Testing/247ny-aides-inc/php/js/lang-css.js"></script>
<link rel="stylesheet" href="http://247nywebdesign.com/Testing/247ny-aides-inc/php/css/mdp.css">
<link rel="stylesheet" href="http://247nywebdesign.com/Testing/247ny-aides-inc/php/css/prettify.css">
<li class="demo">
<h3>From input</h3>
<div class="box">
<input type="text" id="from-input" value="02/20/2014">
</div>
<p class="description">
Just an example of how it would work with an input text field.
</p>
<div class="code-box">
<h4>Code used</h4>
<pre class="code prettyprint">
$('#from-input').multiDatesPicker();
</pre>
</div>
</li>
JavaScript
var latestMDPver = $.ui.multiDatesPicker.version;
var lastMDPupdate = '2012-03-28';
$(function() {
// Version //
//$('title').append(' v' + latestMDPver);
$('.mdp-version').text('v' + latestMDPver);
$('#mdp-title').attr('title', 'last update: ' + lastMDPupdate);
// Documentation //
$('i:contains(type)').attr('title', '[Optional] accepted values are: "allowed" [default]; "disabled".');
$('i:contains(format)').attr('title', '[Optional] accepted values are: "string" [default]; "object".');
$('#how-to h4').each(function () {
var a = $(this).closest('li').attr('id');
$(this).wrap('<'+'a href="#'+a+'"></'+'a>');
});
$('#demos .demo').each(function () {
var id = $(this).find('.box').attr('id') + '-demo';
$(this).attr('id', id)
.find('h3').wrapInner('<'+'a href="#'+id+'"></'+'a>');
});
// Run Demos
$('.demo .code').each(function() {
eval($(this).attr('title','NEW: edit this code and test it!').text());
this.contentEditable = true;
}).focus(function() {
if(!$(this).next().hasClass('test'))
$(this)
.after('<button class="test">test</button>')
.next('.test').click(function() {
$(this).closest('.demo').find('.box').removeClass('hasDatepicker').empty();
eval($(this).prev().text());
$(this).remove();
});
});
});