JSFiddle - React, Tailwind, and code Playground
HTML
<div class="datepicker" data-fechas='["10/10/2014","12/10/2014","13/10/2014"]'></div>
JavaScript
jQuery(function(){
jQuery('.datepicker').each(function (i) {
var $item = jQuery(this);
var fechas = $item.data('fechas');
var options = {
'dateFormat' : 'dd/mm/yy',
'display' : $item.data('display') == '' ? '' : $item.data('display'),
beforeShowDay: function(date) {
if ( fechas.length ) {
var datestr = [ date.getDate(), date.getMonth()+1, date.getFullYear()];
datestr = datestr.join('/');
console.log(datestr);
if ($.inArray(datestr, fechas) != -1) {
return [true, 'css-class-to-highlight', 'tooltipText'];
} else {
return [false, 'css-normal-class', 'no-highlight'];
}
}
}
}
$item.datepicker( options );
});
});