<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
.highlight a{
background-color: #f22974 !important;
color: #ffffff !important;
}
</style>
</head>
<body>
<!-- Text box element -->
<input type='text' id='datepicker'>
<script type='text/javascript'>
// An array of highlighting dates ( 'dd-mm-yyyy' )
// รับ date มาจาก PHP ซึ่งดึงจากฐานข้อมูล
var highlight_dates = ['1-5-2020','11-5-2020','18-5-2020','28-5-2020'];
$(document).ready(function(){
// Initialize datepicker
$('#datepicker').datepicker({
beforeShowDay: function(date){
var month = date.getMonth()+1;
var year = date.getFullYear();
var day = date.getDate();
// Change format of date
var newdate = day+"-"+month+'-'+year;
// Set tooltip text when mouse over date
var tooltip_text = "New event on " + newdate;
// Check date in Array
if($.inArray(newdate, highlight_dates) != -1){
return [true, "highlight", tooltip_text ];
}
return [true];
}
});
});
// https://www.thaicreate.com/php/forum/135294.html
</script>
</body>
</html>
Load balance : Server 03
