Membuat Date Picker Dialog Di Android

Pada tutorial sebelumnya saya share tentang Cara Membuat Toolbar Pada Dialogbox. Dan pada tutorial kali ini saya akan share Cara Membuat Date Picker Dialog Di Android. Date Picker Dialog digunakan untuk menyetting tanggal. Pada tutorial Date Picker Dialog ini, untuk membuka Date Picker Dialog saya memberikan aksi klik pada EditText. Biar lebih jelas silahkan lihat video demonya berikut :

Download Source Code

Langkah-langkah Membuat Date Picker Dialog Di Android

• Jalankan Android Studio Anda dan buatlah project baru

• Kemudian buka dan edit file strings.xml menjadi seperti berikut :

<resources> <string name="app_name">DatePickerDemo</string> <string name="hello_world">Hello world!</string> <string name="action_settings">Settings</string> <string name="from_date">From Date</string> <string name="to_date">To Date</string> </resources> 

• Selanjutnya edit activity_main.xml menjadi seperti berikut :

<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" tools:context=".MainActivity" android:orientation="horizontal"> <EditText android:id="@+id/edt_from_date" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="" android:hint="@string/from_date"/> <EditText android:id="@+id/edt_to_date" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="" android:hint="@string/to_date"/> </LinearLayout>

• Dan yang terakhir, edit Main_Activity.java menjadi seperti berikut :

package linuxer.madura.com.datepickerdemo; import android.app.DatePickerDialog; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.text.InputType; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.View.OnClickListener; import android.widget.DatePicker; import android.widget.EditText; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Locale; public class MainActivity extends AppCompatActivity implements OnClickListener { private EditText fromDate; private EditText toDate; private DatePickerDialog fromDatePickerDialog; private DatePickerDialog toDatePickerDialog; private SimpleDateFormat dateFormatter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); dateFormatter = new SimpleDateFormat("dd-MM-yyyy", Locale.US); findViewById(); setDateTimeField(); } private void findViewById() { fromDate = (EditText) findViewById(R.id.edt_from_date); fromDate.setInputType(InputType.TYPE_NULL); fromDate.requestFocus(); toDate = (EditText) findViewById(R.id.edt_to_date); toDate.setInputType(InputType.TYPE_NULL); } private void setDateTimeField() { //Menambah aksi click pada EditText fromDate.setOnClickListener(this); toDate.setOnClickListener(this); Calendar newCalender = Calendar.getInstance(); fromDatePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) { Calendar newDate = Calendar.getInstance(); newDate.set(year, monthOfYear, dayOfMonth); fromDate.setText(dateFormatter.format(newDate.getTime())); } }, newCalender.get(Calendar.YEAR), newCalender.get(Calendar.MONTH), newCalender.get(Calendar.DAY_OF_MONTH)); toDatePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) { Calendar newDate = Calendar.getInstance(); newDate.set(year, monthOfYear, dayOfMonth); toDate.setText(dateFormatter.format(newDate.getTime())); } }, newCalender.get(Calendar.YEAR), newCalender.get(Calendar.MONTH), newCalender.get(Calendar.DAY_OF_MONTH)); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } @Override public void onClick(View v) { //Ketika EditText DiClick akan menampilkan Date Dialog if (v == fromDate) { fromDatePickerDialog.show(); } else if (v == toDate) { toDatePickerDialog.show(); } } } Sekarang jalankan aplikasi anda. semoga berhasil. Sekian tutorial Cara Membuat DatePickerDialog Di Android semoga bermanfaat.

Sumber Refensi