Changing the date in an EditText field on Android Studio

Question

Changing the date in an EditText field on Android Studio

Can someone assist me in updating an EditText with the selected date from a DatePicker as it changes? Here is my code:

private View view;

    private Button next;
    private EditText birthday;
    private DatePicker datePicker;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_birthday, container, false);

        initWidgets();

        int day = datePicker.getDayOfMonth();
        int month = datePicker.getMonth();
        int year = datePicker.getYear();

        birthday.setText(day + "/" + month + "/" + year);

        return view;
    }

    private void initWidgets() {
        next = view.findViewById(R.id.bt5);
        birthday = view.findViewById(R.id.kz5);
        datePicker = view.findViewById(R.id.date_picker);
    }

This is the XML code for the DatePicker:

<DatePicker
            android:id="@+id/date_picker"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:datePickerMode="spinner"
            android:layout_marginBottom="40dp"
            android:layout_alignParentBottom="true"
            android:calendarViewShown="false"/>

javascript android android-studio

Answer 1

Answer №1

To monitor any changes made to the DatePicker, you can set up a listener as shown below:

    datePicker.init(2021, 1, 1, new DatePicker.OnDateChangedListener() {
        @Override
        public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
            // Perform actions based on the selected year, month, and day
        }
    });

Answer 2

To monitor any changes made to the DatePicker, you can set up a listener as shown below:

    datePicker.init(2021, 1, 1, new DatePicker.OnDateChangedListener() {
        @Override
        public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
            // Perform actions based on the selected year, month, and day
        }
    });

Answer 3

Answer №2

To start with, in your design make sure to set the edittext as

android:enabled="false"

, or you can achieve this programmatically using edtDate.setEnabled(false);

Next, add a click event to trigger the opening of the date picker.

edtDate.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
    try {
        DatePickerDialog datePickerDialog = new DatePickerDialog(getContext(),
                new DatePickerDialog.OnDateSetListener() {
                    @Override
                    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                        edtDate.setText(String.format("%02d", dayOfMonth) + "-" + String.format("%02d", (monthOfYear + 1)) + "-" + String.format("%02d", year));
                    }
                }, mYear, mMonth, mDay);
        datePickerDialog.show();
    } catch (Exception e) {
        e.printStackTrace();
    }
}
});

Answer 4

To start with, in your design make sure to set the edittext as

android:enabled="false"

, or you can achieve this programmatically using edtDate.setEnabled(false);

Next, add a click event to trigger the opening of the date picker.

edtDate.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
    try {
        DatePickerDialog datePickerDialog = new DatePickerDialog(getContext(),
                new DatePickerDialog.OnDateSetListener() {
                    @Override
                    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                        edtDate.setText(String.format("%02d", dayOfMonth) + "-" + String.format("%02d", (monthOfYear + 1)) + "-" + String.format("%02d", year));
                    }
                }, mYear, mMonth, mDay);
        datePickerDialog.show();
    } catch (Exception e) {
        e.printStackTrace();
    }
}
});

Answer 5

Answer №3

Utilize the following code snippet to achieve your goal without the need for XML, it's a simple and effective approach.

public class MainActivity extends AppCompatActivity implements DatePickerDialog.OnDateSetListener {
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);

    button = findViewById(R.id.btn);
    button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      DatePickerDialog datePickerDialog = new DatePickerDialog(this, this, 2021, 1, 1);
      datePickerDialog.show();
    }
  });
}

@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
    Log.d("selectedDate",""+year+"-"+month+"-"+dayOfMonth);
}
}

Answer 6

Utilize the following code snippet to achieve your goal without the need for XML, it's a simple and effective approach.

public class MainActivity extends AppCompatActivity implements DatePickerDialog.OnDateSetListener {
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);

    button = findViewById(R.id.btn);
    button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      DatePickerDialog datePickerDialog = new DatePickerDialog(this, this, 2021, 1, 1);
      datePickerDialog.show();
    }
  });
}

@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
    Log.d("selectedDate",""+year+"-"+month+"-"+dayOfMonth);
}
}

Changing the date in an EditText field on Android Studio

Answer №1

Answer №2

Answer №3

Similar questions

Learn how to showcase specific row information in a vuetify data table on Vue.js by implementing icon clicks

You are limited to storing only up to 2 items in the localStorage

Utilizing System.import with Webpack 2 and React for splitting code and managing nested routes

Problem with loading messages in VueI18n locale

Unable to find any matches when conducting a search through Google Apps Script

Arranging xCharts based on the weekday order

Experiencing an unusual issue with grunt: The Gruntfile.js seems to be missing the 'flatten' method

Discover how to retrieve service response data from an API and populate it into the Select Option with Angular 2

Guide to quickly redirecting all 404 links to the homepage on a simple HTML website

Vue component encounters undefined error when passing prop array through component

What is the best way to load distinct scripts based on the state in nextjs?

Tips for Managing Errors During Zip File Extraction in Node.js

Using the video-js feature to play multiple videos simultaneously

Ways to detect the use of vue.js on a webpage without relying on vue-devtools

Using more than one button to activate a single Material-UI Popper component

I am trying to understand why my React component's render function is being called twice - first without any data and then again with data, resulting in a

Implementing conditional validation in Formik on cancel button click in a React application

Color section of a highcharts graph

What are the steps to crafting a basic JavaScript or jQuery function within CodeIgniter?

How can the 'selected' attribute be assigned to 'select/option' tags depending on the option value?