Android UI控制元件系列:DatePicker,TimePicker(日期和時間選擇)
日期和時間是任何手機平臺都有的功能,Android也如此。
DatePicker:用來實現日期(年月日)
TimePicker:用來實現時間(時分秒)
Calendar:日曆是設定年度日期物件和一個整數字段之間轉換的抽象基類,如,月,日,小時等。
例如
final Calendar calendar=Calendar.getInstance();
mYear=calendar.get(Calendar.YEAR);—獲取年份
mMonth=calendar.get(Calendar.MONTH);—獲取月份
mDay=calendar.get(Calendar.DAY_OF_MONTH);—獲取日
mHour=calendar.get(Calendar.HOUR_OF_DAY);—獲取時
mMinute=calendar.get(Calendar.MINUTE);—獲取分
等等,可以參考API文件
TimePickerDialog、DatePickerDialog是對話方塊形式的時間類。
廢話不多說,例項如下:
DateTest.java檔案
package org.loulijun.datetest; import java.util.Calendar; import android.app.Activity; import android.app.DatePickerDialog; import android.app.TimePickerDialog; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.DatePicker; import android.widget.TextView; import android.widget.TimePicker; public class DateTest extends Activity { /** Called when the activity is first created. */ TextView textview; TimePicker timepicker; DatePicker datepicker; Button btn1; Button btn2; //JAVA中的Calendar類 Calendar c; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); /*Like other locale-sensitive classes, Calendar provides a class method, getInstance, *for getting a default instance of this class for general use. *Calendar's getInstance method returns a calendar whose locale is based on system settings *and whose time fields have been initialized with the current date and time: */ c=Calendar.getInstance(); textview=(TextView)findViewById(R.id.textview); btn1=(Button)findViewById(R.id.button1); btn2=(Button)findViewById(R.id.button2); //獲取DatePicker物件 datepicker=(DatePicker)findViewById(R.id.datepicker1); //將日曆初始化為當前系統時間,並設定其事件監聽 datepicker.init(c.get(Calendar.YEAR),c.get(Calendar.MONTH),c.get(Calendar.DAY_OF_MONTH), new DatePicker.OnDateChangedListener() { @Override public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) { // TODO Auto-generated method stub //當前日期更改時,在這裡設定 c.set(year,monthOfYear,dayOfMonth); } }); //獲取TimePicker物件 timepicker=(TimePicker)findViewById(R.id.timepicker1); //設定為24小時制顯示時間 timepicker.setIs24HourView(true); //監聽時間改變 timepicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() { @Override public void onTimeChanged(TimePicker view, int hourOfDay, int minute) { // TODO Auto-generated method stub //時間改變處理 //c.set(year,month,hourOfDay,minute,second); } }); btn1.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub new DatePickerDialog(DateTest.this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) { //設定日曆 } },c.get(Calendar.YEAR),c.get(Calendar.MONTH),c.get(Calendar.DAY_OF_MONTH)).show(); } }); btn2.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub new TimePickerDialog(DateTest.this, new TimePickerDialog.OnTimeSetListener() { @Override public void onTimeSet(TimePicker view, int hourOfDay, int minute) { // TODO Auto-generated method stub //設定時間 } },c.get(Calendar.HOUR_OF_DAY),c.get(Calendar.MINUTE),true).show(); } }); } }
main.xml檔案
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:id="@+id/textview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="時間控制元件使用" /> <DatePicker android:id="@+id/datepicker1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TimePicker android:id="@+id/timepicker1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="設定日期" android:layout_gravity="center" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="設定時間" android:layout_gravity="center" /> </LinearLayout>
執行結果如下:
當點選“設定日期”按鈕後,就會顯示如下對話方塊樣式的DatePickerDialog
當點選“設定時間”按鈕後,就會彈出如下對話方塊樣式的TimePickerDialog
相關文章
- 【Android】時間與日期Widget(DatePicker 與 TimePicker)Android
- sencha:日期選擇元件datepicker元件
- Flutter 日期時間DatePicker控制元件及國際化Flutter控制元件
- Android UI系列-----時間、日期、Toasts和進度條DialogAndroidUIAST
- 安卓製作日期選擇器Datepicker安卓
- SAP UI5 的 TimePicker ,一個鐘錶外觀的時間選擇控制元件試讀版UI控制元件
- Flutter 日期時間選擇類控制元件及國際化Flutter控制元件
- playwright for net 對日期選擇控制元件(My97DatePicker)的設定控制元件
- element-ui 時間選擇器設定時間選擇範圍UI
- jQuery UI 支援的時間元件timepickerjQueryUI元件
- React Native日期時間選擇元件React Native元件
- 關於My97DatePicker時間外掛選擇周的時間格式
- Kalendae:JavaScript日期選擇和日曆控制元件JavaScript控制元件
- 支付寶小程式日期選擇元件 datePicker 封裝元件封裝
- Android UI控制元件系列:Spinner(下拉選單)AndroidUI控制元件
- wpf中DatePicker控制元件只能輸入年月,只能輸入年份,限制日期選擇範圍控制元件
- 直播帶貨原始碼,日期時間選擇器 選擇範圍限制原始碼
- 一個開源、美觀的日期選擇器(bootstrap datepicker)boot
- Sql Server系列:日期和時間函式SQLServer函式
- IOS之UIDatePicker實現時間日期選擇iOSUI
- Android UI控制元件系列:Tab Layout(選項卡布局)AndroidUI控制元件
- ElementUI 日期選擇器 DatePicker 實現週一,週二之類的速選UI
- elementUI中日期選擇器,控制開始時間小於結束時間UI
- 日期和時間
- Android UI控制元件系列:RadioButton(單選按鈕)AndroidUI控制元件
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- Android 時間戳和日期之間的轉化Android時間戳
- jquerydatetimepicker日期時間控制元件jQuery控制元件
- Android UI控制元件系列:Toast(提示)AndroidUI控制元件AST
- timePicker.vue日曆選擇器Vue
- Java日期和時間Java
- 【Swift Objective C】強勁的日期選擇控制元件SwiftObject控制元件
- 9 款樣式華麗的 jQuery 日期選擇和日曆控制元件jQuery控制元件
- 短視訊平臺搭建,選擇年月日時間軸日期
- 設計和編寫一個非同步通用Picker選擇器,用於時間日期、城市、商品分類的選擇非同步
- Android UI控制元件系列:Button(按鈕)AndroidUI控制元件
- Android UI控制元件系列:TextView(文字框)AndroidUI控制元件TextView
- 2 Elment Ui 日期選擇器 格式化問題UI