Play With Date and Time

Assalamu’alaikum wr.wb

Agan-agan, ketemu lagi dengan saya gegedug blog ini hahahaha, sudah tidak bertemu dengan saya selama semingu apa kalian kangen? Pasti kangen kan hehehe

Oke untuk sesi postingan saya kali ini saya akan berbagi sedikit tutorial mengenai date and time. Apakah peran date and time pada sebuah aplikasi??? Sangat penting bagi sebuah aplikasi untuk memberi tahu kepada user mengenai waktu, apakah itu waktu saat ini, waktu postingan dll.

Nah langsung saja kita ke tkp……………..

1. New Project (ctrl+shift+N)

2. Pilih windows Phone App + Visual C#

3. Beri nama project  “DateAndTime” Name project jangan lupa samakan dengan Solution Name

4. Lalu browse dan pilih dimana kita akan menyimpan Folder Project aplikasi yang akan kita buat.

5. Lalu klik OK dan pilih Windows OS 7.1 lalu klik OK

6. Buat sebuah Button dengan nama “showTimeBT” dan contentnya dengan nama “Show Time” dan TextBlock dengan nama “timeTextBlock” lalu pada properties wrap pilih “wrap”

Lihat seperti gambar dibawah ini.

7. lalu pada Button kita klik 2x dan masuk ke Mainpage.xaml.cs lalu kita buat sebuah class dengan nama “DateTime” dan tuliskan sedikit kode seperti dibawah ini.

8. Lalu jalankan Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

9. beri komentar pada koding “.tostring();” dan kita akan kembali kelangkah selanjutnya dan kita kembali mengetik koding seperti gambar dibawah ini.

Maksud dari .ToShortDateSting menunjukkan Date saja, kalau .ToShortTimeString menunjukkan Time saja.

10. Lalu kita jalankan kembali Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

11. kali ini kita ganti .ToShortDateString dan .ToShortTimeString dengan .Tolong seperti gambar dibawah ini.

Akan seperti apakah bedanya dengan koding sebelumnya mari kita jalankan Emulator 7.1 untuk mencari tahu hasilnya hehehe lihat pada gambar dibawah ini hasilnya.

Bisa terlihat oleh agan-agan apa perbedaan dari “ToShort” dan “ToLong” dengan hasil seperti pada gambar diatas bahwa dengan menggunakan kode “ToLong” maka akan menampilkan Date secara detail dan Time dengan Detiknya.

12. beri komentar terlebih dahulu pada koding sebelumnya, dan kita akan membuat sebuah Method yang sangat berguna. Dan ketikkan koding seperti gambar dibawah ini.

Lalu jalankan Emulator 7.1 lagi, dan lihat hasilnya akan seperti gambar dibawah ini.

Maksud dari kode diatas bila di PC atau waktu kita saat ini menunjukkan tanggal 5 maka yang muncul pada Emulator tanggal 10, mengapa muncul tanggal 10 bukannya tanggal 5??? Pasti agan bingung yaa? Hehe….. mengapa tanggal 10 karena kita sudah menambah 5 hari pada kode yang kita ketikkan sebelumnya yakni “addDays(5)” maka otomatis tanggal saat ini akan bertambah 5 hari menjadi 10. Jadi seperti itu. Apabila agan-agan ingin mengurangkan tanggal saat ini maka tinggal ganti kode menjadi seperti gambar dibawah ini.

Gambar diatas apabila kita ingin menunjukkan bulan saat ini, dan kita bisa bereksperimen sendiri, asalkan kita rajin-rajin ngulik-ngulik apabila ingin menampilkan jam, hari atau tahun dll. meskipun kita gagal tapi kita jangan langsung menyerah saja. Kita harus tetep berjuang.

13. nah, selanjutnya apabila kita ingin merubah posisi default DateAnd Time pada Emulator maka tuliskan koding seperti pada gambar dibawah ini.

Dan jalankan kembali Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

14. sekarang kita akan mencoba menampilkan dengan format bahasa Indonesia, caranya dengan menambahkan koding seperti gambar dibawah ini.

Kenapa masih error? Haayooh kenapa nih gan???? Apabila kita ingin menggunakan “CultureInfo” maka kita tambahkan “using” seperti pada gambar dibawah ini.

Maka tidak akan nada error lagi nih gan hehehe

Lalu jalankan Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

Apabila agan-agan sekalian ingin lebih tau mengenai format Date And Time, agan-agan bisa mengunjungi ke situs seperti dibawah ini, semua format mengenai Date And Time ada disini.

15. kali ini saya akan sedikit memberikan penjelasan mengenai “Timespan”. Pertama kita ketikkan kode seperti pada gambar dibawah ini.

Maksud dari koding diatas adalah pada bagian (1988, 01, 30) dan DateTime.Now.Subtract jadi waktu hari ini akan dikurangi dengan (1988, 01, 30) , jadi bisa mengecek sudah berapa tahun, hari, jam dan detik kita hidup, yaitu dengan cara memasukkan tanggal lahir kita kedalam koding seperti gambar diatas.

Lalu jalankan Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

16. selanjutnya saya akan memberikan sedikit tutorial seperti pada facebook ketika kita habis update status maka akan tercantum berapa waktu setelah status itu di update. Seperti biasa agan-agan ketik dahulu koding seperi gambar dibawah ini ya hehehe maklum agak sedikit panjang.

Disini kita membuat sebuah Method dengan nama “relativeTimeAgo” dengan mengembalikan nilai string, untuk menerima inputan TimeSpan. Lalu bagaimana cara memanggil Method “relativeTimeAgo” maka ketikkan kode seperti gambar dibawah ini.

Lalu bagaimana apabila kita ingin menampilkan 5 menit yang lalu atau 5 minutes ago, maka tuliskan kode seperti pada gambar dibawah ini.

Dan lalu jalankan Emulator 7.1 untuk membuktikannya dan akan seperti gambar dibawah ini hasilnya .

Tak terasa gan nih sudah di penghujung akhir postingan saya kali ini, mudah-mudahan postingan kali ini bisa bermanfaat buat agan-agan sekalian. Hehe J meskipun masih banyak kekurangan dan kendala tetapi semuanya yang penting happy ending hahahahaha

Sampe ketemu di post-post selanjutnya ya gan

Wassalamu’alaikum wr.wb