How to show DatePickerDialog on Button click?

Question

I'm developing an app that requires users to select dates (dd/mm/yyyy). I want to show a dialog box with DatePicker on button click. once date is selected it must show in EditText.

I'm using Android Studio 2.2, the project with min sdk is 23.

Kindly help me to do the required code.

Hi, you can try to this link it can help you http://stackoverflow.com/questions/14933330/datepicker-how-to-popup-datepicker-when-click-on-edittext — Dileep Patel, Oct 07 '16 at 11:35
Possible duplicate of [Datepicker: How to popup datepicker when click on edittext](http://stackoverflow.com/questions/14933330/datepicker-how-to-popup-datepicker-when-click-on-edittext) — poring91, Mar 02 '17 at 07:22
http://blog.nkdroidsolutions.com/android-custom-date-picker-dialog-example/ — duggu, Dec 19 '17 at 10:38

score 80 · Answer 1 · answered Oct 07 '16 at 12:03

I. In your build.gradle add latest appcompat library, at the time 24.2.1

dependencies {  
    compile 'com.android.support:appcompat-v7:X.X.X' 
    // where X.X.X version
}

II. Make your activity extend android.support.v7.app.AppCompatActivity and implement the DatePickerDialog.OnDateSetListener interface.

public class MainActivity extends AppCompatActivity  
    implements DatePickerDialog.OnDateSetListener {

III. Create your DatePickerDialog setting a context, the implementation of the listener and the start year, month and day of the date picker.

DatePickerDialog datePickerDialog = new DatePickerDialog(  
    context, MainActivity.this, startYear, starthMonth, startDay);

IV. Show your dialog on the click event listener of your button

((Button) findViewById(R.id.myButton))
    .setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
        datePickerDialog.show();
    }
});

Great!! I'm done with first 2 steps, What i need to do in step III @Saulmm — Pratik Pitale, Oct 07 '16 at 12:10
just get an instance of the date picker dialog as I put in the snippet filling the needed parameters, and fire it from your button's listener. — saulmm, Oct 07 '16 at 13:02

score 45 · Answer 2 · edited Oct 28 '20 at 07:54

    final Calendar newCalendar = Calendar.getInstance();
    final DatePickerDialog  StartTime = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {
                public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                    Calendar newDate = Calendar.getInstance();
                    newDate.set(year, monthOfYear, dayOfMonth);
                    activitydate.setText(dateFormatter.format(newDate.getTime()));
                }
    
            }, newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));
    
      btn_checkin.setOnClickListener(new View.OnClickListener() {
@Override   public void onClick(View v) {
         StartTime.show():    
     });

Just add `final Calendar newCalendar = Calendar.getInstance();` at the top ... Then it's perfec — Paul Paku, Oct 02 '18 at 08:53

score 18 · Answer 3 · edited Sep 29 '22 at 07:12

it works for me. if you want to enable future time for choose, you have to delete maximum date. You need to to do like followings.

 btnDate.setOnClickListener(new View.OnClickListener() {
     @Override
     public void onClick(View v) {
          DialogFragment newFragment = new DatePickerFragment();
              newFragment.show(getSupportFragmentManager(), "datePicker");
          }
     });
            
     public static class DatePickerFragment extends DialogFragment implements DatePickerDialog.OnDateSetListener {
         @Override
         public Dialog onCreateDialog(Bundle savedInstanceState) {
              final Calendar c = Calendar.getInstance();
              int year = c.get(Calendar.YEAR);
              int month = c.get(Calendar.MONTH);
              int day = c.get(Calendar.DAY_OF_MONTH);
              DatePickerDialog dialog = new DatePickerDialog(getActivity(), this, year, month, day);
              dialog.getDatePicker().setMaxDate(c.getTimeInMillis());
              return  dialog;
         }
            
         public void onDateSet(DatePicker view, int year, int month, int day) {
              btnDate.setText(ConverterDate.ConvertDate(year, month + 1, day));
         }
     }
 }

Looks good! What is ALLOW_PAST @Kayra – Pratik Pitale Oct 07 '16 at 11:51 — Pratik Pitale, Oct 07 '16 at 11:51
you dont have to use it, it was for me. you can use this – Volkan Sonmez Oct 07 '16 at 12:10 — Volkan Sonmez, Oct 07 '16 at 12:10

score 9 · Accepted Answer · answered Oct 10 '16 at 12:44

Following code works..

datePickerButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            showDialog(0);
        }
    });

@Override
@Deprecated
protected Dialog onCreateDialog(int id) {
    return new DatePickerDialog(this, datePickerListener, year, month, day);
}

private DatePickerDialog.OnDateSetListener datePickerListener = new DatePickerDialog.OnDateSetListener() {
    public void onDateSet(DatePicker view, int selectedYear,
                          int selectedMonth, int selectedDay) {
        day = selectedDay;
        month = selectedMonth;
        year = selectedYear;
        datePickerButton.setText(selectedDay + " / " + (selectedMonth + 1) + " / "
                + selectedYear);
    }
};

How to show DatePickerDialog on Button click?

4 Answers4

Linked