Cara Menerapkan Contoh Widget DatePicker Android

• January 21, 2020 at 2:48 pm

• Quote

codeorayo

Keymaster

DatePicker adalah salah satu widget yang berfungsi sebagai  komponen User Interface (Antar Muka) , yang dapat menampilkan , dan mengijinkan si pengguna(user) dapat memilih/menset tanggal,bulan ,tahun. DatePicker bisa juga disebut widget kalender Android ,yang sering kita lihat seperti halnya yang ada di perangkat Android.

[img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

Pada tutorial belajar android kali ini , kita akan membuat contoh penerapan  Widget DatePicker Android.Nantinya si pengguna(user) memilih tanggal,bulan ,tahun. Setelah itu ketika si pengguna (user) mengklik tombol/button Change Date, maka akan menampilkan hasil tanggal bulan tahun yang telah dipilih oleh si pengguna(user). Untuk lebih jelasnya mari kita coba buat aplikasinya:

Quote:

1.Pertama kita akan membuat widget DatePicker  dan TextView yang akan kita masukan ke file layout activity_main.xml.

Copykan baris code berikut ke file layout activity_main.xml.

activity_main.xml.

http://schemas.android.com/apk/res/android“

    xmlns:tools=”http://schemas.android.com/tools“

    android:id=”@+id/android_date_picker”

    android:layout_width=”match_parent”

    android:layout_height=”match_parent”

    android:layout_marginTop=”5dp”

    android:gravity=”center_horizontal”

    android:orientation=”vertical”

    tools:context=”.MainActivity”>

        android:layout_width=”wrap_content”

        android:layout_height=”match_parent”>

            android:layout_width=”wrap_content”

            android:layout_height=”match_parent”

            android:gravity=”center_horizontal”

            android:orientation=”vertical”>

                android:id=”@+id/datePicker”

                android:layout_width=”wrap_content”

                android:layout_height=”match_parent” />

                android:id=”@+id/change_date_button”

                android:layout_width=”wrap_content”

                android:layout_height=”wrap_content”

                android:text=”Change Date” />

                android:id=”@+id/display_date”

                android:layout_width=”wrap_content”

                android:layout_height=”wrap_content”

                android:text=”Display Date”

                android:textSize=”22sp” />

                android:layout_width=”fill_parent”

                android:layout_marginTop=”5dp”

                android:layout_height=”fill_parent”

                android:gravity=”center|bottom”

                android:text=”okedroid.com”

                android:textSize=”24sp”

                android:textStyle=”bold” />

2. Kedua kita buat sebuah file java MainActivity.java 

Copykan baris code berikut ke file java  MainActivity.java

 MainActivity.java

package com.okedroid.myapplication;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Button;

import android.widget.DatePicker;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    DatePicker datePicker;

    TextView displayDate;

    Button changeDate;

    int month;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        datePicker = (DatePicker) findViewById(R.id.datePicker);

        displayDate = (TextView) findViewById(R.id.display_date);

        displayDate.setText(“Display Date”);

        changeDate = (Button) findViewById(R.id.change_date_button);

        displayDate.setText(currentDate());

        changeDate.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                displayDate.setText(currentDate());

            }

        });

    }

    public String currentDate() {

        StringBuilder mcurrentDate = new StringBuilder();

        month = datePicker.getMonth() + 1;

        mcurrentDate.append(“Date: ” + month + “/” + datePicker.getDayOfMonth() + “/” + datePicker.getYear());

        return mcurrentDate.toString();

    }

}

Sekarang, kita coba running Aplikasinya di Software IDE Android Studio,

Hasilnya kurang lebih seperti gambar dibawah:

[/tr]

[/tr]

[/table]

[td][img width=163,height=320]https://1.bp.blogspot.com/-_gForr3rwRY/VopxN5i9A5I/AAAAAAAAEeY/LmvqBmYMkzg/s320/hasil-Widget-DatePicker-Android.png[/img][/td]

[td]Hasil Widget DatePicker Android [/td]