Question

How can I add a simple calendar that when a user clicks on the “Birthdate field” it will direct to another page or a pop-up box that has a calendar and so the user can select the date of his/her birth? I am developing an android application in eclipse with PhoneGap 1.4.1, Many Thank you guys.

Answer 1

Here is what I did:

Create a Calendar instance for default value:

//class level variables
private int mYear;
private int mMonth;
private int mDay;
static final int DATE_DIALOG_ID = 0;
private DatePickerDialog.OnDateSetListener mDateSetListener;

//inside onCreate
final Calendar c = Calendar.getInstance();
    mYear = c.get(Calendar.YEAR)-20;
    mMonth = c.get(Calendar.MONTH);
    mDay = c.get(Calendar.DAY_OF_MONTH); //Default DOB is (today - 20) years

  //date picker things
    mDateSetListener = new DatePickerDialog.OnDateSetListener() {
        public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                    mYear = year;
                    mMonth = monthOfYear;
                    mDay = dayOfMonth;
                    updateDisplay();
                }
    };

A function to update Date of Birth EditText field:

private void updateDisplay() {
    et_dob.setText(new StringBuilder().append(mMonth+1).append("/").append(mDay).append("/").append(mYear).append(" "));
    //month is 0 based so 1 is added in mMonth;
}

onClickListener on et_dob

showDialog(DATE_DIALOG_ID); //DATE_DIALOG_ID = 0;

Then override onCreateDialog in your activity:

@Override
protected Dialog onCreateDialog(int id) {
    // TODO Auto-generated method stub
    switch (id) {
    case DATE_DIALOG_ID:
        return new DatePickerDialog(this,
                    mDateSetListener,
                    mYear, mMonth, mDay);
    }
    return null;        
}

You should see something like this when you click on EditText et_dob.