Android中年月日时间选择器

原创

mob649e8167c4a3 2024-05-15 05:45:53 ©著作权

文章标签 日期选择器 Android 布局文件 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e8167c4a3的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现Android中年月日时间选择器的教程

一、整体流程

flowchart TD
    A[创建项目] --> B[引入日期选择器库]
    B --> C[在布局文件中添加日期选择器控件]
    C --> D[在Activity中设置日期选择器的显示和监听]

二、步骤及代码示例

1. 创建项目

在Android Studio中创建一个新项目，选择Empty Activity模板。

2. 引入日期选择器库

在项目的build.gradle文件中添加以下依赖：

implementation 'com.jakewharton.threetenabp:threetenabp:1.3.1'
implementation 'com.wdullaer:materialdatetimepicker:4.2.3'

3. 在布局文件中添加日期选择器控件

在需要添加日期选择器的布局文件中添加以下代码：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <Button
        android:id="@+id/btnDatePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Select Date"/>

    <TextView
        android:id="@+id/tvSelectedDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

4. 在Activity中设置日期选择器的显示和监听

在Activity中添加以下代码：

import com.wdullaer.materialdatetimepicker.date.DatePickerDialog;

public class MainActivity extends AppCompatActivity implements DatePickerDialog.OnDateSetListener {

    private Button btnDatePicker;
    private TextView tvSelectedDate;

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

        btnDatePicker = findViewById(R.id.btnDatePicker);
        tvSelectedDate = findViewById(R.id.tvSelectedDate);

        btnDatePicker.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Calendar now = Calendar.getInstance();
                DatePickerDialog dpd = DatePickerDialog.newInstance(
                        MainActivity.this,
                        now.get(Calendar.YEAR),
                        now.get(Calendar.MONTH),
                        now.get(Calendar.DAY_OF_MONTH)
                );
                dpd.show(getSupportFragmentManager(), "DatePickerDialog");
            }
        });
    }

    @Override
    public void onDateSet(DatePickerDialog view, int year, int monthOfYear, int dayOfMonth) {
        String selectedDate = dayOfMonth + "/" + (monthOfYear + 1) + "/" + year;
        tvSelectedDate.setText(selectedDate);
    }
}