android calendar view date picker

Question

I want to set a DatePicker for user to choose a date, after user presses the EditText and chooses the date. I want it returned to EditText field. How may I do that?

Here is my code :

public class CompletedWorksActivity extends ActionBar {
    private TextView text_date;
    private DatePicker date_picker;
    private Button button;
    private EditText from;
    private EditText to;
    private int year;
    private int month;
    private int day;

    static final int DATE_DIALOG_ID = 100;



    @Override
    protected void onCreate(Bundle menuinstance){
        super.onCreate(menuinstance);
        setContentView(R.layout.completed_works);

        Intent intent = getIntent(); //gaunam
        User user = (User) intent.getSerializableExtra("user");
        from = (EditText) findViewById(R.id.datefrom);
        to = (EditText) findViewById(R.id.dateto);
    }


}

And xml needed for this code :

<LinearLayout
    android:id="@+id/searchFields"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/header"
    android:background="#ffffff"
    android:gravity="center_vertical"
    android:orientation="vertical"
    android:paddingLeft="13dp"
    android:paddingRight="13dp"
    android:paddingTop="22dp" >

    <!-- Object ID field -->

    <EditText
        android:id="@+id/datefrom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="22dp"
        android:background="@drawable/search_datefrom_field"
        android:inputType="date"
        android:minHeight="45dp"
        android:paddingLeft="45dp"
        android:paddingRight="5dp"
        android:singleLine="true"
        android:textColor="#404041" />

    <!-- Key field -->

    <EditText
        android:id="@+id/dateto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="22dp"
        android:background="@drawable/search_dateto_field"
        android:inputType="date"
        android:minHeight="45dp"
        android:paddingLeft="45dp"
        android:paddingRight="5dp"
        android:singleLine="true"
        android:textColor="#404041" />
</LinearLayout>

Is it better to start other activity for choosing a date with picker, or call date picker in this activity somehow?

Answer 1

I think I misread your description, but I'll post this anyway.

I took your description to mean that you wanted a DatePickerDialog to open upon clicking on the from and to EditTexts. The following code will open the Dialog when either gets focus, then set the corresponding EditText's text to the date upon closing.

public class CompletedWorksActivity extends Activity
implements DatePickerDialog.OnDateSetListener
{ 
    private TextView text_date;
    private Button button; 
    private EditText from; 
    private EditText to;
    private int year;
    private int month;
    private int day;

    private DatePickerDialog date_picker;
    private boolean fromEdit;

    @Override
    protected void onCreate(Bundle menuinstance)
    {
        super.onCreate(menuinstance);
        setContentView(R.layout.main);

        Intent intent = getIntent(); //gaunam
        User user = (User) intent.getSerializableExtra("user");

        from = (EditText) findViewById(R.id.datefrom);
        to = (EditText) findViewById(R.id.dateto);
        Calendar cal = Calendar.getInstance();

        date_picker = new DatePickerDialog(this, this, cal.get(Calendar.YEAR), cal.get(Calendar.MONTH), cal.get(Calendar.DAY_OF_MONTH));        

        from.setOnFocusChangeListener(focusListener);

        to.setOnFocusChangeListener(focusListener);
    }

    @Override
    public void onDateSet(DatePicker dp, int y, int m, int d)
    {
        String cheapDate = (m + 1) + "/" + d + "/" + y;

        if (fromEdit)
        {
            from.setText(cheapDate);
        }
        else
        {
            to.setText(cheapDate);
        }
    }

    private View.OnFocusChangeListener focusListener = new View.OnFocusChangeListener()
    {
        @Override
        public void onFocusChange(View v, boolean hasFocus)
        {           
            if (hasFocus)
            {
                //   \/ Optional \/
                EditText edit = (EditText) v;
                int len = edit.getText().toString().length();

                if (len == 0)
                {
                //   /\ Optional /\

                    fromEdit = v.getId() == R.id.datefrom;
                    date_picker.show();

                //   \/ Optional \/                 
                }
                else
                {
                    edit.setSelection(0, len);
                }
                //   /\ Optional /\
            }
        }
    };
}

Edit:

I cleaned up the code a bit, and added additional functionality, if you care to use it. Now, when an EditText gets the focus, if it is empty, it will open the Dialog. If it is not empty, the Dialog will not show, but instead the EditText's text will be selected.

If you just want the Dialog to open, empty or not, just omit the code between the marked "Optional" comments.

Also, as of API Level 11 (HONEYCOMB), you can do the following:

date_picker.getDatePicker().setCalendarViewShown(true);