How to create a date and time picker in Android? [closed]

Answer 1

The URLs you link to show how to pop up a dialog with a time picker and another dialog with a date picker. However you need to be aware that you can use those UI widgets directly in your own layout. You could build your own dialog that includes both a TimePicker and DatePicker in the same view, thus accomplishing what I think you are looking for.

In other words, instead of using TimePickerDialog and DatePickerDialog, just use the UI widgets TimePicker and DatePicker directly in your own dialog or activity.

Answer 2

I also wanted to combine a DatePicker and a TimePicker. So I create an API to handle both in one interface! :)

https://github.com/Kunzisoft/Android-SwitchDateTimePicker

You can also use SublimePicker

Answer 3

I have create a alert dialog which combine Date picker and Time picker. You can get code at https://github.com/nguyentoantuit/android Note: DateTimePicker is a library

Answer 4

You can use one of DatePicker library wdullaer/MaterialDateTimePicker

• First show DatePicker.

  private void showDatePicker() {
  Calendar now = Calendar.getInstance();
  DatePickerDialog dpd = DatePickerDialog.newInstance(
          HomeActivity.this,
          now.get(Calendar.YEAR),
          now.get(Calendar.MONTH),
          now.get(Calendar.DAY_OF_MONTH)
  );
  dpd.show(getFragmentManager(), "Choose Date:");
  }
  

• Then onDateSet callback store date & show TimePicker

  @Override
  public void onDateSet(DatePickerDialog view, int year, int monthOfYear, int dayOfMonth) {
  Calendar cal = Calendar.getInstance();
  cal.set(year, monthOfYear, dayOfMonth);
  filter.setDate(cal.getTime());
  new Handler().postDelayed(new Runnable() {
      @Override
      public void run() {
          showTimePicker();
      }
  },500);
  }
  

• On onTimeSet callback store time

   @Override
   public void onTimeSet(RadialPickerLayout view, int hourOfDay, int minute) {
  Calendar cal = Calendar.getInstance();
  if(filter.getDate()!=null)
      cal.setTime(filter.getDate());
  cal.set(Calendar.HOUR_OF_DAY,hourOfDay);
  cal.set(Calendar.MINUTE,minute);
  }
  

Answer 5

Here is a more compact version of Jaydeep's idea of showing one dialog after the other. I like this solution because it has no dependencies.

        Date value = new Date();
        final Calendar cal = Calendar.getInstance();
        cal.setTime(value);
        new DatePickerDialog(this,
            new DatePickerDialog.OnDateSetListener() {
                @Override public void onDateSet(DatePicker view, 
                        int y, int m, int d) {
                    cal.set(Calendar.YEAR, y);
                    cal.set(Calendar.MONTH, m);
                    cal.set(Calendar.DAY_OF_MONTH, d);

                    // now show the time picker
                    new TimePickerDialog(NoteEditor.this,
                        new TimePickerDialog.OnTimeSetListener() {
                            @Override public void onTimeSet(TimePicker view, 
                                    int h, int min) {
                                cal.set(Calendar.HOUR_OF_DAY, h);
                                cal.set(Calendar.MINUTE, min);
                                value = cal.getTime();
                            }
                        }, cal.get(Calendar.HOUR_OF_DAY), 
                            cal.get(Calendar.MINUTE), true).show();
                 }
            }, cal.get(Calendar.YEAR), cal.get(Calendar.MONTH),
            cal.get(Calendar.DAY_OF_MONTH)).show();

Answer 6

I created a library to do this. It also has customizable colors!

It's very simple to use.

First you create a listener:

private SlideDateTimeListener listener = new SlideDateTimeListener() {

    @Override
    public void onDateTimeSet(Date date)
    {
        // Do something with the date. This Date object contains
        // the date and time that the user has selected.
    }

    @Override
    public void onDateTimeCancel()
    {
        // Overriding onDateTimeCancel() is optional.
    }
};

Then you create and show the dialog:

new SlideDateTimePicker.Builder(getSupportFragmentManager())
    .setListener(listener)
    .setInitialDate(new Date())
    .build()
    .show();

I hope you find it useful.