Teryata membuat calendar dengan javascript(JS) tidak begitu sulit, Ketika saya mendapatkan pekerjaan yang berhubungan denagan calendar dan menggunakan JS, Wah saya langsung terkejut karena belum pernah sebelumnya saya dapatkan. Dengan semangat yang kuat dan pertolongan Om Google ahirnya saya dapatkan juga cara membuat kalendar denagan JS dan pekerjaan saya selesai juga. he he he Makasih Om Google Engkau adalah sumber ilmu.
Berikut ini adalah contoh script membuat calendar dengan javascript dan ditampilkan didalam html.
<html>
<head>
<title>Calendar JS</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<a href=”javascript:void(0)” onClick=”showCalendar()”>SHOW CAlENDAR</a>
<script type=”text/javascript”>
function showCalendar()
{
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var months = new Array(’January’,
‘February’,
‘March’,
‘April’,
‘May’,
‘June’,
‘July’,
‘August’,
‘September’,
‘October’,
‘November’,
‘December’);
var this_month = new Date(year, month, 1);
var next_month = new Date(year, month + 1, 1);
//Mengetahui ketika bulan ini dimulai dan berakhir.
var first_week_day = this_month.getDay();
var days_in_this_month = Math.round((next_month.getTime() – this_month.getTime()) / (1000 * 60 * 60 * 24));
var calendar_html = ‘<table style=”background-color:c8997d; color:000000;”>’;
calendar_html += ‘<tr><td colspan=”7″ align=”center” style=”background-color:c7897e; color:2d0a06;”>’ + months[month] + ‘ ‘ + year + ‘</td></tr>’;
calendar_html += ‘<tr><td align=”center” style=”background-color:c7897e; color:fffeff;”>Minggu</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Senin</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Selasa</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Rabu</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Kamis</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Jumat</td>’;
calendar_html +=’<td align=”center” style=”background-color:c7897e; color:fffeff;”>Sabtu</td></tr>’;
calendar_html += ‘<tr>’;
//Isi minggu pertama setiap bulannya sesuai dengan jumlah kosong.
for(week_day = 0; week_day < first_week_day; week_day++)
{
calendar_html += ‘<td style=”background-color:c7897e; color:000000;”> </td>’;
}
week_day = first_week_day;
for(day_counter = 1; day_counter <= days_in_this_month; day_counter++)
{
week_day %= 7;
if(week_day == 0)
{
calendar_html += ‘</tr><tr>’;
}
//Memberi tanda yang berbeda untuk hari ini.
if(day == day_counter)
{
calendar_html += ‘<td align=”center” style=” color:FF0000;”><b>’ + day_counter + ‘</b></td>’;
}else{
calendar_html += ‘<td align=”center” style=”background-color:c7897e; color:000000;”> ‘ + day_counter + ‘ </td>’;
}
week_day++;
}
calendar_html += ‘</tr>’;
calendar_html += ‘</table>’;
//Menampilkan Kalendar
document.write(calendar_html);
}
</script>
</body>
</html>
MJyvvb tutuzkuuwuun, [url=http://cqvjnicqmkce.com/]cqvjnicqmkce[/url], [link=http://pxvffevtwibi.com/]pxvffevtwibi[/link], http://peokfgphnwao.com/