Use the `eachDay` option in the other-months demo.
Fix handling of `extraClasses` property, split on space.
<script>
$(function() {
$( "#datepicker" ).datepicker({
- showOtherMonths: true,
- selectOtherMonths: true
+ eachDay: function( day ) {
+ if ( day.lead ) {
+ day.render = true;
+ day.selectable = true;
+ day.extraClasses = "ui-priority-secondary";
+ }
+ }
});
});
</script>
today: today.equal( printDate )
};
day.render = day.selectable = !day.lead;
- // TODO undefined in picker demos, fix it
- // this.eachDay( day );
+ if ( this.eachDay ) {
+ this.eachDay( day );
+ }
// TODO use adjust("D", 1)?
printDate.setDate( printDate.getDate() + 1 );
}
classes.push( "ui-state-highlight" );
}
if ( day.extraClasses ) {
- classes.push( day.extraClasses.split( "" ) );
+ classes.push( day.extraClasses.split( " " ) );
}
link = "<a href='#' tabindex='-1' data-timestamp='" + day.timestamp + "' class='" + classes.join( " " ) + "'>" +
classes.push( "ui-state-highlight" );
}
if ( day.extraClasses ) {
- classes.push( day.extraClasses.split( "" ) );
+ classes.push( day.extraClasses.split( " " ) );
}
return "<span class='" + classes.join( "" ) + "'>" +