How To create DatePickerDialog Example in Android

Hi,

    This is an Example for creating DatePickerDialog  Example in Android

   DatePicker Dialog is child class for AlertDialog.It is used to select Date.And the benefits of DatePickerDialog is appears as pre user request and after setting the date it automatically disappears.And it does not occupy any space in Activity.

Syntax for Create DatePickerDialog :

      Create a DatePickerDailog class and the parameter of DatePickerDialog is Activity Context,Callback Listener,year,month,day.

 Dialog dialog=new DatePickerDialog(context,callback,year,month,dayofMonth);

activity_main.xml:

<RelativeLayout 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" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="19dp"
        android:layout_marginTop="142dp"
        android:text="StartDate"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="42dp"
        android:text="EndDate"
        android:textStyle="bold"/>

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_toLeftOf="@+id/startdate"
        android:layout_toRightOf="@+id/textView1"
        android:ems="10"
        android:hint="Startdate" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignTop="@+id/textView2"
        android:layout_toLeftOf="@+id/startdate"
        android:hint="Enddate"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/startdate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/editText1"
        android:layout_alignBottom="@+id/editText1"
        android:layout_alignParentRight="true"
        android:background="@drawable/img" />

    <Button
        android:id="@+id/enddate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/editText2"
        android:layout_toRightOf="@+id/editText2"
        android:background="@drawable/img"
         />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp"
        android:text="submit" />
 

</RelativeLayout>

In the activity class I have created a constant DATE_DIALOG_ID

static final int DATE_DIALOG_ID=0;

It is unique id for the DatePickerDialog. It can be any number.  Now we can discuss about showDatePickerDialog method

    mstart_date.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

final Calendar c = Calendar.getInstance();
year=c.get(Calendar.YEAR);
month=c.get(Calendar.MONTH);
day=c.get(Calendar.DAY_OF_MONTH);
showDialog(START_DATE_DIALOG_ID);
   
}
});

First Iam getting current date status and storing to instance variables year,month,day. To display a dialog window we are using showDialog method and Iam also passing the unique id.
 
    This showDialog method is comes from android.app.Activity class.
                   
                      showDialog(START_DATE_DIALOG_ID);

       when the showDialog method is called,the onCreateDialog method will be automatically called.
     
               
              protected Dialog onCreateDialog(int id){
 switch(id){
 case START_DATE_DIALOG_ID:
 return new DatePickerDialog(this,dataSetListener,year, month, day);
 case END_DATE_DIALOG_ID:
 return new DatePickerDialog(this,endSetListener,year, month, day);  
 }
return null;  
 }

In the onCreateDialog method. creating the DatePickerDialog. Then return it to the calling location and dialog will be displayed automatically.

In the DatePickerDialog constructor passing the value for year,month,day and passing the reference of DatePickerDialog.OnDateSetListener.

  In OnDateSetListener  is automatically called onDateSet method when user click the on Set button of date picker dialog.

  onDateSet method assign the value for year,month,day and set the Text it.

private  DatePickerDialog.OnDateSetListener dataSetListener=new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear,
int dayOfMonth) {
// TODO Auto-generated method stub
year=year;
month=monthOfYear;
day=dayOfMonth;
mstart_edt1.setText(day+" - "+(month+1)+" - "+year);
}
};


Iam calling setText method of EditText by passing the selected year,month and day


Here the output is shown below
.