html:
<div id="datepicker"></div>
js:
<script type="text/javascript" src="{:STATIC_PATH}js/datepicker.js"></script>
<script>
$(function () {
$("#datepicker").datepicker({
inline: true,
showButtonPanel: true,
onSelect: function (dateText, inst) {
},
beforeShowDay: function (date) {
var dates = ['08/15/2016', '08/05/2016', '08/08/2016'];
var tips = ['08/15/2016', '08/05/2016', '08/08/2016'];
for (var i = 0; i < dates.length; i++) {
if (new Date(dates[i]).toString() == date.toString()) {
return [true, 'ui-state-active', tips[i]];
}
}
return [true, ''];
}
});
});
</script>
ui-state-active是高亮的样式,不同版本应该不一样,到时候可根据自己的需求修改