日期/时间选择器的简单使用

如果想要实现日期/时间选择器的需求,其实在安卓原生的控件中就已经提供好了。TimePicker和DatePicker。直接作用在xml文件中就可以看到效果(依据api不同会有不同的样式),但是有时候还需要将TimePicker和DatePicker连用放到同一个布局中,接下来可以来看下效果。


模拟器(api19)
真机(api24)
  1. 首先记录一下DatePickerDialog/TimePickerDialog的使用,结构上它们都是继承自AlertDialog的。
    /**
     * 日期选择
     *
     * @param activity
     * @param themeResId
     * @param tv
     * @param calendar
     */
    public static void showDatePickerDialog(Activity activity, int themeResId, final TextView tv, Calendar calendar) {
        // 直接创建一个DatePickerDialog对话框实例,并将它显示出来
        new DatePickerDialog(activity, themeResId, new DatePickerDialog.OnDateSetListener() {
            // 绑定监听器(How the parent is notified that the date is set.)
            @Override
            public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                // 此处得到选择的时间,可以进行你想要的操作
                tv.setText("您选择了:" + year + "年" + (monthOfYear + 1) + "月" + dayOfMonth + "日");

            }
        }
                // 设置初始日期
                , calendar.get(Calendar.YEAR)
                , calendar.get(Calendar.MONTH)
                , calendar.get(Calendar.DAY_OF_MONTH)
        ).show();
    }

这里其实是将DatePickerDialog封装了一下,在使用时themeResId会改变展示的效果,如果想要一个可以上下滚动来选择日期而不是直接使用日历的方式来选择,保险点的方式可以直接赋值为3。同时要需要传入年月日这三个参数作为该日期选择器一点开默认的日期,可以传递你实际需求的日期也可以传入当前实际日期,这里使用Calendar类来获取当前系统日期。通过一个回调方法将选中的年月日赋值到控件上。

    /**
     * 时间选择
     *
     * @param activity
     * @param themeResId
     * @param tv
     * @param calendar
     */
    public static void showTimePickerDialog(Activity activity, int themeResId, final TextView tv, Calendar calendar) {
        // Calendar c = Calendar.getInstance();
        // 创建一个TimePickerDialog实例,并把它显示出来
        new TimePickerDialog(activity, themeResId,
                // 绑定监听器
                new TimePickerDialog.OnTimeSetListener() {
                    @Override
                    public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                        tv.setText("您选择了:" + hourOfDay + "时" + minute + "分");
                    }
                }
                // 设置初始时间
                , calendar.get(Calendar.HOUR_OF_DAY)
                , calendar.get(Calendar.MINUTE)
                // true表示采用24小时制
                , true).show();
    }

TimePickerDialog也是同样的用法,注意TimePicker需要多设置一个是否12/24小时制。

  1. 接下来使用DatePicker和TimePicker来组合实现日期/时间选择
  /**
     * 得到时间的view
     *
     * @param
     * @return
     */

    public void getDefDialog(Context ctx, final TextView textview) {

        final Dialog dialog = new Dialog(ctx, R.style.smart_dialog);

        View view = View.inflate(ctx, R.layout.view_def_date_dialog, null);
        DatePicker dp_date = (DatePicker) view.findViewById(R.id.dp_date);
        TimePicker tp_time = (TimePicker) view.findViewById(R.id.tp_time);
//        dp_date.setCalendarViewShown(false);

        final TextView tv_date = (TextView) view.findViewById(R.id.tv_date);
        final TextView tv_time = (TextView) view.findViewById(R.id.tv_time);

        LinearLayout ll_nowTime = (LinearLayout) view.findViewById(R.id.ll_nowTime);
        final TextView tv_nowTime = (TextView) view.findViewById(R.id.tv_nowdate);

        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd  HH:mm:ss");
        simpleDateFormat.setTimeZone(TimeZone.getTimeZone("Asia/Shanghai"));
        final String nowTime = simpleDateFormat.format(new Date());
//        tv_nowTime.setText(nowTime);




        ll_nowTime.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                textview.setText(nowTime);
                dialog.dismiss();
            }
        });

        Button btn_dialog_cancel = (Button) view.findViewById(R.id.btn_dialog_cancel);
        Button btn_dialog_ok = (Button) view.findViewById(R.id.btn_dialog_ok);


        tp_time.setIs24HourView(true);


        final int years = dp_date.getYear();
        final int monthOfYears = dp_date.getMonth();
        final int dayOfMonths = dp_date.getDayOfMonth();

        tv_date.setText(years + "-" + (monthOfYears + 1) + "-" + dayOfMonths);

        dp_date.init(years, monthOfYears, dayOfMonths, new DatePicker.OnDateChangedListener() {
                    @Override
                    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                        tv_date.setText(year + "-" + (monthOfYear + 1) + "-" + dayOfMonth);
                    }
                });


        //使用Calendar类通过设置时区的方式拿到正确的时刻
        Calendar calendar = Calendar.getInstance();
        //设置时区
        calendar.setTimeZone(TimeZone.getTimeZone("Asia/Shanghai"));
        int Hour = calendar.get(Calendar.HOUR_OF_DAY);
        int Minute = calendar.get(Calendar.MINUTE);

        tv_time.setText(Hour + ":" + Minute);
        //设置时间选择器上的默认时间
        tp_time.setCurrentHour(Hour);
        tp_time.setCurrentMinute(Minute);



        tp_time.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {

            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                tv_time.setText(hourOfDay + ":" + minute);
            }
        });

        btn_dialog_cancel.setOnTouchListener(new ButtonTouchListener(ctx, btn_dialog_cancel));
        btn_dialog_ok.setOnTouchListener(new ButtonTouchListener(ctx, btn_dialog_ok));

        btn_dialog_cancel.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // 点击取消时应该把选择器上的时间重置

                dialog.dismiss();
            }
        });

        btn_dialog_ok.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                CharSequence date = tv_date.getText();
                CharSequence time = tv_time.getText();
                // 将时间格式统一 例如 2017-08-01 03:07:00
                String dates = date + "";
                String times = time + "";
                String[] datess = dates.split("-");
                if (datess[1].length() < 2) {
                    datess[1] = "0" + datess[1];
                }
                if (datess[2].length() < 2) {
                    datess[2] = "0" + datess[2];
                }
                String datesss = datess[0] + "-" + datess[1] + "-" + datess[2];
                String[] timess = times.split(":");
                if (timess[0].length() < 2) {
                    timess[0] = "0" + timess[0];
                }
                if (timess[1].length() < 2) {
                    timess[1] = "0" + timess[1];
                }
                String timesss = timess[0] + ":" + timess[1];
                // String date_time = date + " " + time + ":00";
                String date_time = datesss + " " + timesss + ":00";
                textview.setText(date_time);

                dialog.dismiss();
            }
        });

        dialog.setContentView(view);
        // 如果要去掉这个代码,就得添加cancel监听
        dialog.setCancelable(false);
        dialog.show();
    }

这段代码主要有两部分,初始化设置和取到时间后对字符串进行处理。注意在拿到month后还要对其+1因为month值是从0开始计数的。取到时间后主要是通过对字符串截取判断每一部分的字符数组是否符合格式要求并进行处理。

  1. 遇到的问题
  • 自己的电脑好像环境变量有点问题,导致拿到的系统时间永远是格林威治时间(也就是慢了8个小时),可以通过对Calendar类或者SimpleDateFormat类设置时区就可以拿到正确的时间了
        SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd  kk:mm:ss");
        sdf.setTimeZone(TimeZone.getTimeZone("Asia/Shanghai"));
        Toast.makeText(MyApplication.context, sdf.format(new Date()), Toast.LENGTH_SHORT).show();
//        或
        Calendar now = Calendar.getInstance();
        now.setTimeZone(TimeZone.getTimeZone("Asia/Shanghai"));
        System.out.println(now.get(Calendar.HOUR_OF_DAY));
        System.out.println(now.get(Calendar.MINUTE));
        System.out.println(now.get(Calendar.SECOND));
  • 在api21以上的机器中样式会改变为日历的形式来选择日期。所以可以在xml代码中增加如下配置,就可以将日历改为上下滚动来选择日期了。
    DatePicker
            android:datePickerMode="spinner"
            android:calendarViewShown="false" 

TimePicker

            android:timePickerMode="spinner"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350