Cara Mendapatkan Tanggal di Aplikasi Android Menggunakan Date Picker Dialog

Halo para programmer, bagaimana kabar kalian hari ini? saya harap kalian dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial cara menggunakan date picker dialog di android studio.

Android Date Picker Dialog banyak digunakan di aplikasi android. Komponen-komponen ini digunakan untuk memilih tanggal dalam user interface yang disesuaikan. Meskipun Date Picker dapat digunakan sebagai widget independen tetapi mereka menempati lebih banyak ruang di layar. Oleh karena itu, menggunakannya di dalam dialog adalah pilih yang lebih baik. Untungnya android studio menyediak penggunaan dengan kelas DatePickerDialog sendiri.

Jadi, dalam tutorial ini kalian akan belajar cara membuat aplikasi android untuk mendapatkan tanggal menggunakan DatePickerDialog di project android studio dengan cara yang sangat mudah dan sederhana.

- Advertisement -

Tutorial Cara Mendapatkan Tanggal di Aplikasi Android Menggunakan DatePickerDialog Pada Project Android Studio

Buatlah project android studio baru dengan informasi sebagai berikut:

Application Name:Date App
Package Name:com.androidrion.dateapp
Languge:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml yang digunakan dalam project ini.

  1. activity_main.xml

Daftar file java class yang digunakan dalam project ini:

  1. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Date App.

XML Layout File

Buka file activity_main.xml dalam folder layout pada project android stuido kalian. Tambahkan widget EditText dalam layout LinearLayout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:gravity="center"
    android:background="#F5F5F5"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/datedeparture"
        android:layout_width="175dp"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:clickable="true"
        android:drawableEnd="@drawable/ic_date_range"
        android:drawableRight="@drawable/ic_date_range"
        android:focusable="true"
        android:hint="Date"
        android:padding="12dp"
        android:textSize="14sp" />

</LinearLayout>

Java Class File

Buka file MainActivity dalam folder java. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.dateapp/MainActivity.java

package com.androidrion.dateapp;

import androidx.appcompat.app.AppCompatActivity;

import android.app.DatePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TextView;

import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Locale;

public class MainActivity extends AppCompatActivity {

    Calendar myCalendar;
    DatePickerDialog.OnDateSetListener date;

    TextView datedeparture;

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

        datedeparture = findViewById(R.id.datedeparture);

        myCalendar = Calendar.getInstance();
        date = new DatePickerDialog.OnDateSetListener() {
            @Override
            public void onDateSet(DatePicker view, int year, int monthOfYear,
                                  int dayOfMonth) {
                myCalendar.set(Calendar.YEAR, year);
                myCalendar.set(Calendar.MONTH, monthOfYear);
                myCalendar.set(Calendar.DAY_OF_MONTH, dayOfMonth);

                TextView tanggal = findViewById(R.id.datedeparture);
                String myFormat = "dd-MMMM-yyyy";
                SimpleDateFormat sdf = new SimpleDateFormat(myFormat, Locale.US);
                tanggal.setText(sdf.format(myCalendar.getTime()));
            }
        };

        datedeparture.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new DatePickerDialog(MainActivity.this, date,
                        myCalendar.get(Calendar.YEAR),
                        myCalendar.get(Calendar.MONTH),
                        myCalendar.get(Calendar.DAY_OF_MONTH)).show();
            }
        });
    }
}

Run ‘app’

Sekarang jalankan project android studio kalian. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

Dark Theme

Untuk menampilkan dark theme pada DatePickerDialog, kalian cukup menambahkan kode di bawah ini pada line code 48.

AlertDialog.THEME_DEVICE_DEFAULT_DARK

AKHIR KATA

Itulah tadi tutorial singkat cara menggunakan DatePickerDialog di Android Studio. Tutorial diatas sangatlah mudah dikerjakan karena kita tidak begitu banyak kode yang digunakan dalam file java class hanya untuk menampilkan date picker dialog untuk mendapatkan tanggal di aplikasi android.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.