Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android: use a datepicker and timepicker from within a Dialog

I am facing a problem I do not know how to solve.

I have an activity, when I click on a particular item of the menu linked to this activity, a dialog is displayed and used to add an item. This item has a date and a time, but I do not manage to have a DatePicker and TimePicker within this dialog. I also try passing the activity to the dialog and use this one to display the DatePicker, but that does not work. Before this, I handled the creation of such items within another Activity. In this case, it works fine. But I found the Dialog sexier... :-) Would you have any ideas ? Hope I am not too confused..... thanks a lot,

I edit this post to share the code I have difficulties with.

I have a basic Dialog class that tried to use DatePicker and TimePicker. Basically, Eclipse complains that:

  • the showDialog is undefined for View.OnClickListener()
  • onCreateDialog method: The method onCreateDialog(int) of type EventCreateDialog must override or implement a super-type method
  • DatePickerDialog is undefined (as this is not an activity)

All this stuff works from within an Activity but I cannot have it working from a Dialog.

Thanks a lot,

package com.android.myapp;

public class TestDialog extends Dialog implements android.view.View.OnClickListener {
    static final int DATE_DIALOG_ID = 0;
    static final int TIME_DIALOG_ID = 1;
    private TextView mDateDisplay;
    private Button mPickDate;
    private Button mPickTime;
    private int mYear;
    private int mMonth;
    private int mDay;
    private int mHour;
    private int mMinute;
    private Button mButton_ok;
    private Button mButton_ko;

    private ReadyListener readyListener;

    private Context context;
    // the callback received when the user "sets" the date in the dialog
    private DatePickerDialog.OnDateSetListener mDateSetListener =
            new DatePickerDialog.OnDateSetListener() {
                public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                    mYear = year;
                    mMonth = monthOfYear;
                    mDay = dayOfMonth;
                    updateDisplay();
                }
            };
    private TimePickerDialog.OnTimeSetListener mTimeSetListener =
            new TimePickerDialog.OnTimeSetListener() {
                public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                    mHour = hourOfDay;
                    mMinute = minute;
                    updateDisplay();
                }
            };

    public TestDialog(Context context, ReadyListener readyListener) {
        super(context);
        this.context = context;
        this.readyListener = readyListener;
    }

    private static String pad(int c) {
        if (c >= 10)
            return String.valueOf(c);
        else
            return "0" + String.valueOf(c);
    }

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

        mButton_ok = (Button) findViewById(R.id.button_ok);
        mButton_ko = (Button) findViewById(R.id.button_ko);

        // Add listeners
        mButton_ok.setOnClickListener(this);
        mButton_ko.setOnClickListener(this);

        mDateDisplay = (TextView) findViewById(R.id.dateDisplay);
        mPickDate = (Button) findViewById(R.id.pickDate);
        mPickTime = (Button) findViewById(R.id.pickTime);
        // add a click listener to the button
        mPickDate.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                showDialog(DATE_DIALOG_ID);
            }
        });
        mPickTime.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                showDialog(TIME_DIALOG_ID);
            }
        });
        // get the current date
        final Calendar c = Calendar.getInstance();
        mYear = c.get(Calendar.YEAR);
        mMonth = c.get(Calendar.MONTH);
        mDay = c.get(Calendar.DAY_OF_MONTH);
        mHour = c.get(Calendar.HOUR_OF_DAY);
        mMinute = c.get(Calendar.MINUTE);
        updateDisplay();
    }

    @Override
    protected Dialog onCreateDialog(int id) {
        switch (id) {
            case DATE_DIALOG_ID:
                return new DatePickerDialog(this, mDateSetListener, mYear, mMonth, mDay);
            case TIME_DIALOG_ID:
                return new TimePickerDialog(this, mTimeSetListener, mHour, mMinute, false);
        }
        return null;
    }

    private void updateDisplay() {
        mDateDisplay.setText(
                new StringBuilder()
                        // Month is 0 based so add 1
                        .append(mMonth + 1).append("-")
                        .append(mDay).append("-")
                        .append(mYear).append(" ")
                        .append(pad(mHour)).append(":")
                        .append(pad(mMinute)));
    }

    @Override
    public void onClick(View v) {
        if (v == mButton_ok) {
            // Do stuff....
        }
        if (v == mButton_ko) {
            dismiss();
        }
    }

    public interface ReadyListener {
        public void ready(MyObj myObj);
    }
}
like image 830
Luc Avatar asked Feb 27 '10 19:02

Luc


People also ask

What is TimePicker dialog in Android?

A dialog that prompts the user for the time of day using a TimePicker .

Where do you create a DialogFragment for a date picker?

To define a DialogFragment for a DatePickerDialog , you must: Define the onCreateDialog() method to return an instance of DatePickerDialog. Implement the DatePickerDialog. OnDateSetListener interface to receive a callback when the user sets the date.


1 Answers

Here's what I have that works:

public class EditRecordDialog extends Dialog {
  protected Context _context;
  private   Record  _record;

  public EditRecordDialog( Context context,
                           Record  record ) {
    super( context );
    _context = context;
    _record  = record
    Button buttonDate;
    buttonDate.setText( _record.getRecordDate() ); // returns 'mm-dd-yy'

  } // EditRecordDialog


// showDatePickerDialog ++++++++++++++++++++++++++++++++++++++++++++++++++++++
private void showDatePickerDialog( View view ) {
  String dateString;
  int    year, month, day;

  dateString = buttonDate.getText().toString();
  month = Integer.valueOf( dateString.substring( 0, 2 ) ) - 1; // month is zero based
  day   = Integer.valueOf( dateString.substring( 3, 5 ) );
  year  = Integer.valueOf( "20" + dateString.substring( 6, 8 ) );

  DatePickerDialog dpd = new DatePickerDialog( _context, dateSetListener, year, month, day );
  dpd.show();

} // showDatePickerDialog ----------------------------------------------------


// OnDateSetListener +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
DatePickerDialog.OnDateSetListener dateSetListener = new DatePickerDialog.OnDateSetListener() {
  @Override public void onDateSet( DatePicker view, int year, int month, int day ) {
    buttonDate.setText( ConfigObjectDAO.formatDate( (month+1) + "-" + day + "-" + year ) );
  } // onDateSet
}; // OnDateSetListener ------------------------------------------------------
}
like image 151
Jon Avatar answered Oct 14 '22 14:10

Jon