Properti |
Deskripsi |
| Caption | Menentukan caption dari kalender. |
| CaptionAlign | Menentukan slignment dari caption text. |
| CellPadding | Jarak antara dinding sel dengan konten di dalamnya dalam satuan piksel |
| CellSpacing | Jarak antar sel dalam satuan piksel |
| DayHeaderStyle | Style untuk menampilkan nama-nama hari |
| DayNameFormat | Format untuk menampilkan nama-nama hari |
| DayStyle | Style untuk menampilkan hari |
| FirstDayOfWeek | Menentukan hari apa yang menjadi hari pertama dalam satu minggu |
| NextMonthText | Teks yang ditampilkan untuk link bulan depannya |
| NextPrevFormat | Format untuk link Next dan Previous |
| NextPrevStyle | Style untuk menampilkan link bulan Next dan Previous. |
| OtherMonthDayStyle | Style untuk menampilkan hari yang tidak ada di bulan sekarang |
| PrevMonthText | Teks yang akan ditampilkan untuk link bulan sebelumnya |
| Runat | Menentukan apakah kontrol ini adalaah kontrol server nilainya harus server |
| SeletedDate | Menentukan tanggal yang harus dipilih |
| SeletedDates | Menentukan tanggal-tanggal yang dipilih |
| SeletedDayStyle | Style untuk hari yang dipilih |
| SelectionMode | Menentukan mode bagaimana user diperbolehkan untuk memilih tanggal |
| SelectMonthText | Teks yang ditampilkan untuk link pemilihan bulan |
| SelectorStyle | Style untuk link pemilihan bulan dan minggu |
| SelectWeekText | Teks yang ditampilkan untuk link pemilihan minggu |
| ShowDayHeader | Nilai boolean yang menentukan apakah hari dan minggu di header harus ditampilkan |
| ShowGridLines | Nilai boolean yang menentukan apakah grid line antara hari ditampilkan |
| ShowNextPrevMonth | Nilai booblean yang menentukan apakah link untuk bulan selanjutnya dan sebelumnya sudah ditampilkan |
| ShowTitle | Nilai boolean yang menentukan apakah title dari kalender ditampilkan |
| TitleFormat | Format title dari kalender |
| TitleStyle | Style title dari kalender |
| TodayDayStyle | Style untuk tanggal hari ini |
| TodayDate | Tanggal hari ini |
| UseAccessibleHeader | Menentukan apakah elemen th digunakan untuk header dan bukannya elemen td |
| VisibleDate | Tanggal yang menentukan bulan mana yang terlihat di kalender |
| WeekendDayStyle | Style untuk weekend |
| OnDayRender | Nama untuk fungsi yang akan dieksekusi ketika setiap sel harian dibuat |
| OnSelectionChanged | Nama fungsi yng akan dieksekusi ketika user memilih hari, minggu, atau bulan |
| OnVisibleMonthChanged | Nama fungsi yang akan dieksekusi jika user berpindah ke bulan lain |
Latihan
- Buatlah project web baru kemudian beri nama latihanKalender.aspx
- Buatlah desain form seperti gambar di bawah ini.

- Atur propertinya sesuai tabel dibawah ini:
Object Properties Label1 Text: Pilih tanggal di bawah ini
Font Bold: True
Font size: x-largeLabel2 ID: lblHasil
Text: (Kosong)Calendar1 klik auto format 
pada pilihan select a scheme pilih colorful 1

klik OK.
- Sesuaikan tampilan form dengan gambar di bawah ini

- Klik dua kali pada object calendar 1 kemudian masukan koding di bawah ini:
Select Case (Calendar1.SelectedDates.Count)
Case 0 ‘tidak ada pilihan
Me.lblHasil.Text = “Tidak ada tanggal yang sedang terpilih”
Case 1 ‘hari
Me.lblHasil.Text = “Tanggal yang sedang dipilih adalah ” & Calendar1.SelectedDate.ToString
End Select - Jalankan form tersebut dan sesuikan hasilnya dengan gambar di bawah ini

| Kembali | Lanjut |












































