Tutorial Android – Membuat DatePicker dan TimePicker

Datepicker selalu menarik untuk didalami. Aplikasi yang baik untuk inputan tanggal biasanya menggunakan datepicker jadi user tidak perlu mengetiknya secara manual tetapi, tinggal memilih tanggal datepicker.

Datepicker ini muncul karena khusus inputan tanggal user seringkali salah mengisinya.

Android tentunya memperhatikan hal ini juga untuk itu diandroid telah tersedia untuk datepicker ini.

Sekarang mari kita buat codingnya

1. Buat Project baru dengan nama BelajarDatePicker

2. Setelah project tercreate maka secara otomatis android membentuk 3 file yaitu :

• main.xml
• string.xml
• ShowDatePicker.java

3. Edit main.xml lalu isikan kode berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
 <TextView android:text="Date :" android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
    <DatePicker
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
<TextView android:text="Time :" android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
<TimePicker
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

Perhatikan kode diatas ada tag baru yaitu <DatePicker>, nah tag inilah yang digunakan untuk menggambar DatePicker. Tag <TimePicker> tag inilah yang digunakan untuk mengambar TimePicker

4. Edit ShowDatePicker.java

package com.agus.datepicker;

import android.app.Activity;
import android.os.Bundle;

public class ShowDatePicker extends Activity
{
    int hour, minute;
    static final int TIME_DIALOG_ID = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

}

5. Run Projectnya, maka tampilannya akan seperti ini

Kita telah berhasil Membuat DatePicker dan TimePicker pada Android tetapi secara konsep user interface ini masih kurang bagus karena terlalu besar sehingga mengambil sebagian besar dari layar.

Nah tantangan tutorial kali ini adalah tampilan yang menggunakan datepicker tetapi tetap bagus dilihatnya dan tidak memakan banyak tempat.

Salam Hangat

Agus Haryanto