Membuat Date Picker Dialog di Android Studio

Membuat Date Picker Dialog di Android Studio

Membuat Date Picker Dialog di Android Studio
Membuat Date Picker Dialog di Android Studio

Hallo sobat ruangcoder, artikel kali ini tentang Membuat Date Picker Dialog  atau Tanggal di Android Studio , jadi kita akan membuat aplikasi android studio, yaitu aplikasi untuk menampilakan tanggal lewat android studio. Dalam artikel yang diketik ini, sobat akan belajar cara membuat aplikasi android untuk membuat date picker dialog atau tanggal. perlu sobat ketahui Android Studio Date Picker Dialog ini sering kali digunakan di aplikasi android atau smartphone yang sobat gunakan. Komponen - komponen yang digunakan untuk memilih tanggal  dalam UI ( User Interface ) yang dimana akan disesuaikan. Meskipun Date Picker ini dapat digunakan sebagai sebuah widget independen tetapi terlalu makan banyak ruang di layar. Oleh karena itu sobat, menggunakannya di dalam suatu dialog adalah pilihan yang lebih baik, agar tidak terlihat spam Date Picker ini. Untungnya Android Studio sudah menyediakan penggunaan dengan kelas Date Picker Dialog sendiri.

Jadi sobat tutorial kali ini yang akan sobat pelajari adalah cara membuat aplikasi android untuk mendapatkan suatu tanggalan menggunakan Date Picker Dialog, tanpa banyak basa - basi langsung saja kita sikat tutorialnya.

Memasang atau Menggunakan Date Picker Dialog di Android Studio :


Langkah pertama silahkan sobat buka android studio sobat,saat terbuka android studio sobat klik -> Start a new Android Studio project -> pilih Empty Activity -> kasih nama project tersebut dengan nama "DatePicker" kemudian pilh API 19: Android 4.4 (Kitkat) langsung Finish saja. Lalu sobat tunggu sampai Gradle dll nya selesai di Synchrone , tunggu saja, admin anggep sobat sudah selesai, jadi kita lanjut.

Nah berhubung ini hanya tutorial sederhana, jadi kita tidak perlu menambahkan file - file baru , jadi cukup kita memodifikasi file defaultnya , yaitu MainActivity.xml dan MainActivity.java yang sudah secara default tersedia setelah kita membuat aplikasinya. Setelah terbuka dan synch selesai, silahkan sobat modifikasi pada file yang pertama disini kita akan mendesign tampilannya , tentu kalau untuk masalah tampilan ada pada bagian file .XML nya ya, jadi sobat ketikan codingan yang dibawah.



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();
            }
        });
    }
}

Nah sobat kita sudah selesai, sobat tinggal klik pada form tersebut , maka akan muncul dialog date pickernya , seperti hasil dibawah ini.



Nah kita sudah selesai deh, oke itu saja bro , cukup sederhana tampilannya, ya kan cuma ngasih tau aja, sobat mau implementasikan lebih ya monggo, kreasikan sendiri, oke sobat apabila artikel ini bermanfaat jangan lupa dishare ya, dan mohon maaf jika ketikan nya ngawur, cuy ini bikin artikel 2 jam, cuma buat screenshot, karena gak kuat running emulator sambil buka chrome buat ngetik ini artikel, tapi kaleum herup nyaaa, demi bro bro semua hahaha, ditunggu tutorial selanuanjutnya 

Anda mungkin menyukai postingan ini