当前位置: 首页 > 编程笔记 >

Android开发之DatePicker和TimePicker实现选择日期时间功能示例

段干帅
2023-03-14
本文向大家介绍Android开发之DatePicker和TimePicker实现选择日期时间功能示例,包括了Android开发之DatePicker和TimePicker实现选择日期时间功能示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了Android开发之DatePicker和TimePicker实现选择日期时间功能。分享给大家供大家参考,具体如下:

DatePicker常用属性:

1. calendarViewShown 设置其是否显示CalenderView组件

2. endYear                   允许选择的最后一年

3. maxDate                  支持的最大日期

4. minDate                   允许选择的最小日期

5. spinnerShown          是否显示Spinner 日期选择组件

6. startYear                  设置日期选择器 允许选择的第一年

实际效果:

实例的布局文件由 DatePicker 和TimePicker 组成

<?xml version="1.0" encoding="utf-8" ?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center_horizontal"
  android:orientation="vertical">
  <TextView
    android:text="please choose your birthday :"
    android:gravity="center"
    android:padding="5dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="20dp"
    android:typeface="monospace"/>
    <!--定义一个DatePicker控件-->
  <DatePicker
    android:id="@+id/datePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:startYear="1900"
    android:endYear="2080"
    android:calendarViewShown="true"
    android:spinnersShown="true">
  </DatePicker>
  <!--TimePicker组件-->
  <TimePicker
    android:id="@+id/timePicker"
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_gravity="center_horizontal">
  </TimePicker>
  <!--显示用户选择的日期-->
  <TextView
    android:id="@+id/show"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:cursorVisible="false"/>
</LinearLayout>

布局文件中包含了DatePicker 和 TimePicker 用户可以自足的选择时间和日期

选择的具体结果 会在TextView上显示

datePicker.init()
timePicker.setOnTimeChangedListener()

这里给出实现该功能的代码:

public class MainActivity extends Activity {
  //定义五个当前时间的变量
  private int year ;
  private int month ;
  private int day ;
  private int hour ;
  private int minute ;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    DatePicker datePicker = (DatePicker) findViewById(R.id.datePicker);
    TimePicker timePicker = (TimePicker) findViewById(R.id.timePicker);
    //获取当前日期/时间
    Calendar calendar = Calendar.getInstance();
    year = calendar.get(Calendar.YEAR);
    month = calendar.get(Calendar.MONTH);
    day = calendar.get(Calendar.DAY_OF_MONTH);
    hour = calendar.get(Calendar.HOUR);
    minute = calendar.get(Calendar.MINUTE);
    //为DatePicker添加监听事件
    datePicker.init(year, month, day, new DatePicker.OnDateChangedListener() {
      @Override
      public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        MainActivity.this.year = year;
        MainActivity.this.month =month ;
        MainActivity.this.day = day;
        //显示用户选择的 日期 和 时间
        showDate(year,month,day,hour,minute);
      }
    });
    //TimePicker选择监听器
    timePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
      @Override
      public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
        MainActivity.this.hour = hourOfDay;
        MainActivity.this.minute = minute;
      }
    });
  }
  private void showDate(int year ,int month , int day , int hour , int minute ){
    TextView textView = (TextView) findViewById(R.id.show);
    textView.setText("您选择的生日为:" + year+"年 " + month+"月 " + day+"日 " + hour +"时 " + minute +"分");
  }
}

参考自疯狂Android讲义

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

 类似资料:
  • datePicker 日期选择或者时间选择 使用方法 AlipayJSBridge.call('datePicker', { beginDate: '2016-10-10', minDate: '2016-10-9', maxDate: '2017-10-9', mode: 1, }, function(e) { alert(JSON.stringify(e)); });

  • 时间选择组件。滚动选择交互,基于 Scrollpicker 实现。 Usage 全部引入 import { Timepicker } from 'beeshell'; 按需引入 import Timepicker from 'beeshell/dist/components/Timepicker'; Examples Timepicker 与 BottomModal 组合应用 Code 详细

  • 本文向大家介绍JavaScript日期选择功能示例,包括了JavaScript日期选择功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript日期选择功能。分享给大家供大家参考,具体如下: 运行效果图如下: PS:这里再为大家提供几款日期与日历相关在线工具供大家参考使用: 在线万年历日历: http://tools.jb51.net/bianmin/wannianli

  • 日期选择组件。滚动选择交互,基于 Scrollpicker 实现。 Usage 全部引入 import { Datepicker } from 'beeshell'; 按需引入 import Datepicker from 'beeshell/dist/components/Datepicker'; Examples Datepicker 与 BottomModal 组合应用 Code 详细

  • 本文向大家介绍Android开发之时间日期操作实例,包括了Android开发之时间日期操作实例的使用技巧和注意事项,需要的朋友参考一下 相信对于手机的时间日期设置大家一定都不陌生吧,今天举一个关于时间日期设置的示例,其中有些许不完善之处,例如如何使设置的时间日期和手机系统同步等。感兴趣的读者可以根据自身经验加以完善。 现来看看具体示例,希望对大家有所帮助。 首先是时间设置: .java文件(Mai

  • TimePicker 时间选择器 用于选择或输入日期 固定时间点 提供几个固定的时间点供用户选择 使用 el-time-select 标签,分别通过start、end和step指定可选的起始时间、结束时间和步长 <el-time-select v-model="value" :picker-options="{ start: '08:30', step: '00:15',

  • 用于选择或输入日期 任意时间点 可以选择任意时间 使用 el-time-picker 标签,通过 disabledHours disabledMinutes 和 disabledSeconds 限制可选时间范围。提供了两种交互方式:默认情况下通过鼠标滚轮进行选择,打开arrow-control属性则通过界面上的箭头进行选择。 <template> <el-time-picker v-m

  • 基于uniapp开发,请问有没有支持在nvue页面的使用的类似uni-datetime-picker这种日期时间组件? uni-datetime-picker不支持nvue