Android DatePicker和TimePicker:时间日期选择器

Android SDK 提供了 DatePicker 和 TimePicker 组件,分别对日期和时间进行选择,方便日期和时间设定。

下面用一个简单的实例讲解 DatePicker 和 TimePicker 组件的使用方法。在工程 WidgetDemo 的布局文件 main.xml 中添加一个名为“Date/Time”的 Button,用以启动 TimeActivity。

在 main.xml 中添加代码如下:


 
  1. <Button
  2. android:id="@+id/button6"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:text="Date/Time"/>

单击 Button 并启动 TimeActivity 的代码如下:


 
  1. Button timebtn = (Button)this.findViewById(R.id.button6);
  2. timebtn.setOnClickListener(new OnClickListener(){
  3. @Override
  4. public void onClick(View v){
  5. Intent intent = new Intent(WidgetDemoActivity.this, TimeActivity.class);
  6. startActivity(intent);
  7. }
  8. });

同时在 AndroidManifest.xml 文件中声明该 Activity:

<activity android:name=" .TimeActivity"></activity>

TimeActivity 的运行效果如图 1 所示。

Android DatePicker和TimePicker:时间日期选择器
图 1  TimeActivity的运行效果


TimeActivity 使用的布局文件为 time.xml,其内容如下:


 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical">
  6. <TextView
  7. android:id="@+id/timeview"
  8. android:layout_width="fill_parent"
  9. android:layout_height="wrap_content"
  10. android:text="DatePicker和TimePicker"/>
  11. <TimePicker
  12. android:id="@+id/timepicker"
  13. android:layout_width="wrap_content"
  14. android:layout_height="116dp"
  15. android:background="#778888"/>
  16. <!--设置背景色为墨绿-->
  17. <DatePicker
  18. android:id="@+id/datepicker"
  19. android:layout_width="271dp"
  20. android:layout_height="196dp"
  21. android:background="#778899"/>
  22. </LinearLayout>

TimeActivity.java 的代码如下:


 
  1. package introduction.android.widgetdemo;
  2.  
  3. import java.util.Calendar;
  4.  
  5. import android.app.Activity;
  6. import android.os.Bundle;
  7. import android.widget.DatePicker;
  8. import android.widget.TextView;
  9. import android.widget.TimePicker;
  10.  
  11. public class TimeActivity extends Activity {
  12. private TextView textview;
  13. private TimePicker timepicker;
  14. private DatePicker datepicker;
  15.  
  16. /* 声明日期及时间变量*/
  17. private int year;
  18. private int month;
  19. private int day;
  20. private int hour;
  21. private int minute;
  22.  
  23. @Override
  24. public void onCreate(Bundle savedInstanceState) {
  25. super.onCreate(savedInstanceState);
  26. setContentView(R.layout.time);
  27. /*获取当前日期及时间 */
  28. Calendar calendar = Calendar.getInstance();
  29. year = calendar.get(Calendar.YEAR);
  30. month = calendar.get(Calendar.MONTH);
  31. day = calendar.get(Calendar.DAY_OF_MONTH);
  32. hour = calendar.get(Calendar.HOUR);
  33. minute = calendar.get(Calendar.MINUTE);
  34.  
  35. datepicker = (DatePicker) findViewById(R.id.datepicker);
  36. timepicker = (TimePicker) findViewById(R.id.timepicker);
  37. /* 设置TextView对象,显示初始日期时间 */
  38. textview = (TextView) findViewById(R.id.timeview);
  39. textview.setText(new StringBuilder().append(year).append("/")
  40. .append(format(month + 1)).append("/")
  41. .append(format(day)).append(" ")
  42. .append(format(hour)).append(":")
  43. .append(format(minute)));
  44. /* 设置OnDateChangedListener()*/
  45. datepicker.init(year, month, day,
  46. new DatePicker.OnDateChangedListener() {
  47. @Override
  48. public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
  49.  
  50. // TODO Auto-generated method stub
  51. TimeActivity.this.year = year;
  52. month = monthOfYear;
  53. day = dayOfMonth;
  54. textview.setText(new StringBuilder().append(year).
  55. append("/").append(format(month + 1))
  56. .append("/").append(format(day)).append(" ")
  57. .append(format(hour)).append(":")
  58. .append(format(minute)));
  59.  
  60. }
  61.  
  62. });
  63.  
  64. timepicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
  65. @Override
  66. public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
  67. // TODO Auto-generated method stub
  68. hour = hourOfDay;
  69. TimeActivity.this.minute = minute;
  70. textview.setText(new StringBuilder().append(year)
  71. .append("/").append(format(month + 1))
  72. .append("/").append(format(day)).append(" ")
  73. .append(format(hour)).append(":")
  74. .append(format(minute)));
  75. }
  76. });
  77. }
  78.  
  79. private String format(int time) {
  80. String str = "" + time;
  81. if (str.length() == 1)
  82. str = "0" + str;
  83. return str;
  84. }
  85. }

TimeActivity 中使用 java.util.Calendar 对象获取当前系统时间。

当更改 DatePicker 组件中的日期时,会触发 DatePicker 的 OnDateChange() 事件;

当修改 TimePacker 的时间时,会触发 TimePacker 的 OnDateChange() 事件。

由本实例可见,DatePicker 实现 OnDateChangedListener 监听器的方法与 TimePicker 实现 setOnTimeChangedListener 监听器的方法有所类似。

DatePicker 用 init() 方法设定年、月、日的同时设定监听器,而 TimePicker 使用 setOnTimeChangedListener() 直接设定。

上一篇:javascript – jQuery:datepicker,提醒所选的日期名称


下一篇:javascript – Pickadate – 如何实际使用所选日期?