[Android Studio] DatePickerで選択した日付をTextViewに表示する

どうも、tatsuです！

今日は、DatePickerで選択した日付をTextViewに表示するやり方を説明します。

※この記事で使用しているAndroid Studioのバージョンは2.3.3です。

DatePickerで選択した日付をTextViewに表示する

activity_main.xml

activity_main.xmlは以下のようにします。

    <DatePicker
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <Button
        android:id="@+id/decisionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="決定"/>

    <TextView
        android:id="@+id/dateText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="ここに日付が表示されます"/>

MainActivity.java

MainActivity.javaは以下のようにします。

public class MainActivity extends AppCompatActivity {

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

        // idがdecisionButtonのボタンを取得
        Button button = (Button) findViewById(R.id.decisionButton);
        button.setOnClickListener(new Button.OnClickListener(){
            @Override
            public void onClick(View view) {
                // カレンダーであるDatePickerを取得
                DatePicker datePicker = (DatePicker) findViewById(R.id.date);
                // 選択した日付を文字列に変換（月は0～11で取得するので、+1をする）
                String dateStr = datePicker.getYear() + "年" + (datePicker.getMonth() + 1) + "月" + datePicker.getDayOfMonth() + "日";

                // TextViewに日付を表示する
                TextView textView = (TextView) findViewById(R.id.dateText);
                textView.setText(dateStr);
            }
        });
    }

}

ボタンを押下した結果