Tutorial Cara Membuat Date Picker di Android Studio

Android Najwa - Selamat Siang sahabat setia Android Najwa, gak terasa udah lama gak update nih. Hari demi hari telah kita lewati, Waktu semakin berjalan tanpa memutar arah. Begitulah tanggal pada waktu yang telah kita lewati.  cieee,,, alay deh. Hahaha. Oke kali ini kita akan membahas mengenai "DatePicker" di Android Studio.

Date Picker Android

Apa itu DatePicker ?

DatePicker merupakan Widget yang telah disediakan oleh Android Studio.Dalam Android itu sangat mudah untuk user memilih tanggal bulan dan tahun menggunakan DatePicker. Sebagai contoh ketika kalian memilih tahun lahir kalian. Berikut ini adalah contoh penggambaran desain awal nya dari DatePicker.

Date Picker

Bagaimana cara menggunakan Date Picker?

Tutorial Cara Membuat Date Picker

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Date Picker
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Aturlah tanggal, bulan dan tahun!"
        android:textSize="20sp" />
    <DatePicker
        android:id="@+id/datePicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="46dp"
        android:calendarViewShown="false" />
    <Button
        android:id="@+id/btnOK"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/datePicker1"
        android:layout_marginLeft="15dp"
        android:text="OK" />


</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.datepicker;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.Toast;

public class MainActivity extends Activity {
    DatePicker dp;
    Button tombolOK;
    OnClickListener listener;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        dp = (DatePicker) findViewById(R.id.datePicker1);
        tombolOK = (Button) findViewById(R.id.btnOK);

        //listener jika dilakukan klik pada tombol OK
        listener = new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Toast.makeText(MainActivity.this,"Tanggal: "+dp.getDayOfMonth()+
                                "-"+(dp.getMonth()+1)+
                                "-"+dp.getYear(),
                        Toast.LENGTH_SHORT).show();
            }
        };

        //menerapkan listener pada tombol OK
        tombolOK.setOnClickListener(listener);
    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Date Picker

Ketika kalian meng-klik "OK" maka akan tampil hasil nya sebagai berikut

(2) Hasil Date Picker

Nah, itulah hasil dari penggunaan Date Picker. Dalam tutorial ini kita akan melihat bagaimana untuk mengatur dan memilih tanggal, bulan dan tahun pada kalender.  Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa dengan aksi lainnya asal kalian bisa memahaminya.

Demikian Tutorial Cara Membuat Date Picker di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet