Membuat aplikasi Web menggunakan kalender Javascript

Cara menggunakan  :

1. Include file javascript dan file css
2. Sediakan sebuah form
3. Didalam form tadi, sediakan sebuah input text
4. Sisipkan di samping input text coding javascript

Potongan Coding :
<script src=”calendar_db.js“></script>
<link rel=”stylesheet” href=”calendar.css“>
<form action=”index.php?page=tanggalhasil&mode=usia” name=”usiaanda” method=”post”>
<table>
<tr><td>Nama Anda </td><td colspan=”2″><input name=”nama”></td></tr>
<tr><td>Tanggal Lahir</td><td colspan=”2″><input name=”tanggalusia“>
<script language=”JavaScript”>
new tcal ({
// form name
‘formname’: ‘usiaanda‘,
// input name
‘controlname’: ‘tanggalusia‘
});
</script>
</td></tr><tr><td></td>
<td colspan=”2″><input value=”OK”></td></tr>
</table>
</form>
Download :
http://www.4shared.com/file/gMCeakyA/hitunghari.html
Referensi yang lain :
http://www.4shared.com/file/NSs0f0b7/calender.html

Setting File normal.js

// —- PopCalendar Specific Options —-
var gsSplit=”/”;    // separator of date string. If set it to empty string, then giMonthMode and gbPadZero will be fixed to 0 and true.
var giDatePos=0;    // date format sequence  0: D-M-Y ; 1: M-D-Y; 2: Y-M-D
var gbPadZero=true;    // whether to pad the digits with 0 in the left when less than 10.
var giMonthMode=0;    // month format 0: digits ; 1: full name from gMonths; >2: abbreviated month name in specified length.
var gbShortYear=false;   // year format   true: 2-digits; false: 4-digits
var gbAutoPos=true;    // enable auto-adpative positioning or not
var gbPopDown=true;    // true: pop the calendar below the dateCtrl; false: pop above if gbAutoPos is false.
var gbAutoClose=true;    // whether to close the calendar after selecting a date.
var gPosOffset=[0,0];    // Offsets used to adjust the pop-up postion, [leftOffset, topOffset].
var gbFixedPos=false;    // true: pop the calendar absolutely at gPosOffset; false: pop it relatively.

Sekian artikel dari saya, semoga bermanfaat untuk temen-temen dan anda semua