Pengenalan Control ASP.NET (Bagian 3)

Dalam sebuah program, umumnya diperlukan sebuah metode untuk menghasilkan input tanggal. Ini karena program adalah alat bantu untuk membantu manusia menyelesaikan tugasnya, dan manuasia selalu terkait dengan tanggal, misalnya dalam penyelesaian projek, janjian, dan sebagainya. Di ASP.NET ada objek calender untuk menangani hal ini. Kontrol ini akan menampilkan kalender satu bulan yang memungkinkan Anda memilih tanggal dan juga memilih bulan berikutnya atau bulan sebelumnya dengan mengklik panah di bagian atasnya. Di antara properti penting dari calender adalah sebagai berikut:

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

1. Buatlah project web baru kemudian beri nama latihanKalender.aspx
2. Buatlah desain form seperti gambar di bawah ini.
   
3.  Atur propertinya sesuai tabel dibawah ini:
   

   Object	Properties
   Label1	Text: Pilih tanggal di bawah ini Font Bold: True Font size: x-large
   Label2	ID: lblHasil Text: (Kosong)
   Calendar1	klik auto format pada pilihan select a scheme pilih colorful 1 klik OK.

4. Sesuaikan tampilan form dengan gambar di bawah ini
   
5. 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

6. Jalankan form tersebut dan sesuikan hasilnya dengan gambar di bawah ini