Android之日期时间选择控件DatePicker和TimePicker

CoffeX 发布于2019-06-25 11:16 / 883人阅读

摘要：注为了便于区分，本文将选择年月日的控件称为日期选择控件，将选择时分的控件称为时间选择控件。初始化控件和创建相关变量初始化控件初始化控件，并为两个设置监听事件创建相关变量使用类获取当前的日期时间。

这个月根据需求在项目中做了一个时间选择器，虽然没有用到Android原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客吧。

（注：为了便于区分，本文将选择年月日的控件称为日期选择控件，将选择时分的控件称为时间选择控件。）

1、创建项目

新建一个项目，MainActivity的布局如下：

界面效果如下：

点击条目之后就会弹出日期或者时间选择控件，点击确定按钮后，就会将选择的结果显示在浅灰色的方框中。

2、初始化控件和创建相关变量 2.1 初始化控件

初始化控件，并为两个LinearLayout设置监听事件：

    private void initView() {
        llDate = (LinearLayout) findViewById(R.id.ll_date);
        tvDate = (TextView) findViewById(R.id.tv_date);
        llTime = (LinearLayout) findViewById(R.id.ll_time);
        tvTime = (TextView) findViewById(R.id.tv_time);
        llDate.setOnClickListener(this);
        llTime.setOnClickListener(this);
    }

2.2 创建相关变量

使用Calendar类获取当前的日期时间。

    private int year, month, day, hour, minute;
    private void initDateTime() {
        Calendar calendar = Calendar.getInstance();
        year = calendar.get(Calendar.YEAR);
        month = calendar.get(Calendar.MONTH) + 1;
        day = calendar.get(Calendar.DAY_OF_MONTH);
        hour = calendar.get(Calendar.HOUR);
        minute = calendar.get(Calendar.MINUTE);
    }

注意，calendar.get(Calendar.MONTH)获取到的月份下标是从0开始的，值为0时表示一月份，1时表示二月份，以此类推，所以必须加上1。

创建两个StringBuffer变量，用于拼接获取到的时间数据。

    private StringBuffer date, time;

3、日期选择控件DatePicker

这里我们选择自定义AlertDialog的形式来显示选择控件。
（关于AlertDialog的使用可以参考我的这篇文章：Android之AlertDialog的基础使用）

日期选择控件自定义布局dialog_date.xml如下：

只需放置一个DatePicker控件即可。不同版本的Android的DatePicker控件外观可能有所不同，比如Android4.4上是滚轮的形式，在7.0上则是一个日历视图。为了避免在4.4等低版本上显示出日历视图占用太多空间，可以将android:calendarViewShown属性设为fasle。

继承接口DatePicker.OnDateChangedListener，实现日期改变的监听方法：

    @Override
    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        this.year = year;
        this.month = monthOfYear;
        this.day = dayOfMonth;
    }

这样就可以获取到用户选择的年月日数值了。
下面就是创建AlertDialog了：

        AlertDialog.Builder builder = new AlertDialog.Builder(context);
        builder.setPositiveButton("设置", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                if (date.length() > 0) { //清除上次记录的日期
                    date.delete(0, date.length());
                }
                tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日"));
                dialog.dismiss();
            }
        });
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.dismiss();
            }
        });
        final AlertDialog dialog = builder.create();
        View dialogView = View.inflate(context, R.layout.dialog_date, null);
        final DatePicker datePicker = (DatePicker) dialogView.findViewById(R.id.datePicker);
        dialog.setTitle("设置日期");
        dialog.setView(dialogView);
        dialog.show();
        //初始化日期监听事件
        datePicker.init(year, month - 1, day, this);

DatePicker需要调用init方法初始化，传入年月日数值和OnDateChangedListener对象。要记住我们前面在给month赋值时已经是对应的月份数值了，而这里需要的是下标值，所以要减1。

运行之后，效果如图所示：

4、时间选择控件TimePicker

这里我们同样需要一个自定义的AlertDialog布局：

同样，我们需要监听时和分的变化，所以继承TimePicker.OnTimeChangedListener接口，实现以下的方法：

    @Override
    public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
        this.hour = hourOfDay;
        this.minute = minute;
    }

时间选择控件的初始化跟日期选择控件的有所不同，DatePicker一个init方法解决，但TimePicker的工作量稍大一点。看下面代码：

                timePicker.setCurrentHour(hour);
                timePicker.setCurrentMinute(minute);
                timePicker.setIs24HourView(true); //设置24小时制
                timePicker.setOnTimeChangedListener(this);

除了要设置当前要显示的时和分之外，还要设置是24小时制还是12小时制。

效果图如下：

5、完整的MainActivity代码

package com.lindroid.datetimepickerdemo;

import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.DatePicker;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.TimePicker;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity implements View.OnClickListener, DatePicker.OnDateChangedListener, TimePicker.OnTimeChangedListener {
    private Context context;
    private LinearLayout llDate, llTime;
    private TextView tvDate, tvTime;
    private int year, month, day, hour, minute;
    //在TextView上显示的字符
    private StringBuffer date, time;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        context = this;
        date = new StringBuffer();
        time = new StringBuffer();
        initView();
        initDateTime();
    }

    /**
     * 初始化控件
     */
    private void initView() {

        llDate = (LinearLayout) findViewById(R.id.ll_date);
        tvDate = (TextView) findViewById(R.id.tv_date);
        llTime = (LinearLayout) findViewById(R.id.ll_time);
        tvTime = (TextView) findViewById(R.id.tv_time);
        llDate.setOnClickListener(this);
        llTime.setOnClickListener(this);
    }

    /**
     * 获取当前的日期和时间
     */
    private void initDateTime() {
        Calendar calendar = Calendar.getInstance();
        year = calendar.get(Calendar.YEAR);
        month = calendar.get(Calendar.MONTH) + 1;
        day = calendar.get(Calendar.DAY_OF_MONTH);
        hour = calendar.get(Calendar.HOUR);
        minute = calendar.get(Calendar.MINUTE);

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.ll_date:
                AlertDialog.Builder builder = new AlertDialog.Builder(context);
                builder.setPositiveButton("设置", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        if (date.length() > 0) { //清除上次记录的日期
                            date.delete(0, date.length());
                        }
                        tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日"));
                        dialog.dismiss();
                    }
                });
                builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                });
                final AlertDialog dialog = builder.create();
                View dialogView = View.inflate(context, R.layout.dialog_date, null);
                final DatePicker datePicker = (DatePicker) dialogView.findViewById(R.id.datePicker);

                dialog.setTitle("设置日期");
                dialog.setView(dialogView);
                dialog.show();
                //初始化日期监听事件
                datePicker.init(year, month - 1, day, this);
                break;
            case R.id.ll_time:
                AlertDialog.Builder builder2 = new AlertDialog.Builder(context);
                builder2.setPositiveButton("设置", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        if (time.length() > 0) { //清除上次记录的日期
                            time.delete(0, time.length());
                        }
                        tvTime.setText(time.append(String.valueOf(hour)).append("时").append(String.valueOf(minute)).append("分"));
                        dialog.dismiss();
                    }
                });
                builder2.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                });
                AlertDialog dialog2 = builder2.create();
                View dialogView2 = View.inflate(context, R.layout.dialog_time, null);
                TimePicker timePicker = (TimePicker) dialogView2.findViewById(R.id.timePicker);
                timePicker.setCurrentHour(hour);
                timePicker.setCurrentMinute(minute);
                timePicker.setIs24HourView(true); //设置24小时制
                timePicker.setOnTimeChangedListener(this);
                dialog2.setTitle("设置时间");
                dialog2.setView(dialogView2);
                dialog2.show();
                break;
        }
    }


    /**
     * 日期改变的监听事件
     *
     * @param view
     * @param year
     * @param monthOfYear
     * @param dayOfMonth
     */
    @Override
    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        this.year = year;
        this.month = monthOfYear;
        this.day = dayOfMonth;
    }

    /**
     * 时间改变的监听事件
     *
     * @param view
     * @param hourOfDay
     * @param minute
     */
    @Override
    public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
        this.hour = hourOfDay;
        this.minute = minute;
    }
}

混合云超融合服务器日期选择控件 asp 日期时间控件 android时间选择器 php设置日期和时间

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/13618.html

Android之日期时间选择控件DatePicker和TimePicker

摘要：注为了便于区分，本文将选择年月日的控件称为日期选择控件，将选择时分的控件称为时间选择控件。初始化控件和创建相关变量初始化控件初始化控件，并为两个设置监听事件创建相关变量使用类获取当前的日期时间。这个月根据需求在项目中做了一个时间选择器，虽然没有用到Android原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客吧。（注：为了便于...

cpupro 2019-08-14 18:35 评论0 收藏0
Android自定义滚动式时间选择器（在他人基础上修改）

摘要：但是如果用户先确定了日，再去选择月的话，之后月份改变，日数就会重新从开始。尽管Android给我们提供了时间选择控件DatePicker和TimePicker（它们的使用方法可以参考我的这篇文章Android之日期时间选择控件DatePicker和TimePicker），但无奈我的项目主色调是土豪金和高级黑，原生的控件用在里面显得格格不入，特别是为了兼容低版本的系统之后显示的是2.x...

陈江龙 2019-08-14 18:37 评论0 收藏0
Android自定义滚动式时间选择器（在他人基础上修改）

摘要：但是如果用户先确定了日，再去选择月的话，之后月份改变，日数就会重新从开始。尽管Android给我们提供了时间选择控件DatePicker和TimePicker（它们的使用方法可以参考我的这篇文章Android之日期时间选择控件DatePicker和TimePicker），但无奈我的项目主色调是土豪金和高级黑，原生的控件用在里面显得格格不入，特别是为了兼容低版本的系统之后显示的是2.x...

pingink 2019-06-25 11:17 评论0 收藏0
安卓日期与时间选择器

摘要：码小渣们，不学习是不行了。让我们不断挑战代码，让自己从渣变成块。是我们想要的样式了，但是这样的样式下还有一种就是小时制和小时制我们只要加上一句话就可以改变样式是不是很神奇呢。明天我会给大家介绍布局。码小渣们，不学习是不行了。让我们不断挑战代码，让自己从渣变成块。有好多天没写博客了，今天来和一些码小渣小伙伴分享两个控件 DatePicker , TimePicker 不拿起我久违的书本...

zsy888 2019-04-23 15:20 评论0 收藏0
移动端material风格日期时间选择器

摘要：好多时候在移动端需要一个的日期选择器，由于在应用上有可能应用各种框架库等所以说一个无依赖的，这样易于上层进行封装。主要包含两种选择器日期和时间。好多时候在移动端需要一个的日期选择器，由于在应用上有可能应用各种框架库（Vue.js, React.js, zepto.js等）；所以说一个无依赖的，这样易于上层进行封装。直接开门见山，先来张动图看看效果： showImg(https://s...

philadelphia 2019-08-22 10:41 评论0 收藏0