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:
Latihan
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 |
Tidak ada komentar:
Posting Komentar