如何在 Android 中创建日期和时间选择器?

有没有什么 Android 小部件可以同时选择日期和时间? 我已经使用了基本的 时间选择者日期选择器

但是它们并没有那么性感和用户友好(我发现)。您是否知道包含日期和时间的小部件是否存在?

非常感谢, 卢克

209209 次浏览

安卓系统中没有任何内置功能可以提供这种功能。

编辑: Andriod 现在提供内置的选择器。检查 @Oded answer

链接的 URL 显示如何弹出一个带有时间选择器的对话框和另一个带有日期选择器的对话框。然而,您需要注意的是,您可以在自己的布局中直接使用这些 UI 小部件。您可以在同一视图中构建自己的对话框,其中包含 TimePicker 和 DatePicker,从而实现我认为您正在寻找的功能。

换句话说,不要使用 TimePickerDialog 和 DatePickerDialog,而是直接在您自己的对话框或活动中使用 UI 小部件 时间选择器(TimePicker.html)DatePicker.html rel = “ nofollow noReferrer”> DatePicker

在我的一个项目中,我遇到了同样的问题,我决定制作一个自定义小部件,在一个用户友好的对话框中同时具有日期和时间选择器。您可以在 http://code.google.com/p/datetimepicker/上获得源代码和一个示例。该代码是在 Apache 2.0下授权的。

DatePicker更新时间方法中调用时间选择器对话框。它将不会被调用在同一时间,但当您按 DatePicker设置按钮。时间选择器对话框将打开。 下面给出了这种方法。

package com.android.date;


import java.util.Calendar;


import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
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 datepicker extends Activity {


private TextView mDateDisplay;
private Button mPickDate;
private int mYear;
private int mMonth;
private int mDay;
private TextView mTimeDisplay;
private Button mPickTime;


private int mhour;
private int mminute;


static final int TIME_DIALOG_ID = 1;


static final int DATE_DIALOG_ID = 0;


@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);


mDateDisplay =(TextView)findViewById(R.id.date);
mPickDate =(Button)findViewById(R.id.datepicker);
mTimeDisplay = (TextView) findViewById(R.id.time);
mPickTime = (Button) findViewById(R.id.timepicker);


//Pick time's click event listener
mPickTime.setOnClickListener(new View.OnClickListener(){


@Override
public void onClick(View v) {
showDialog(TIME_DIALOG_ID);
}
});


//PickDate's click event listener
mPickDate.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
showDialog(DATE_DIALOG_ID);
}
});


final Calendar c = Calendar.getInstance();
mYear = c.get(Calendar.YEAR);
mMonth = c.get(Calendar.MONTH);
mDay = c.get(Calendar.DAY_OF_MONTH);
mhour = c.get(Calendar.HOUR_OF_DAY);
mminute = c.get(Calendar.MINUTE);
}


//-------------------------------------------update date---//
private void updateDate() {
mDateDisplay.setText(
new StringBuilder()
// Month is 0 based so add 1
.append(mDay).append("/")
.append(mMonth + 1).append("/")
.append(mYear).append(" "));
showDialog(TIME_DIALOG_ID);
}


//-------------------------------------------update time---//
public void updatetime() {
mTimeDisplay.setText(
new StringBuilder()
.append(pad(mhour)).append(":")
.append(pad(mminute)));
}


private static String pad(int c) {
if (c >= 10)
return String.valueOf(c);
else
return "0" + String.valueOf(c);




//Datepicker dialog generation


private DatePickerDialog.OnDateSetListener mDateSetListener =
new DatePickerDialog.OnDateSetListener() {


public void onDateSet(DatePicker view, int year,
int monthOfYear, int dayOfMonth) {
mYear = year;
mMonth = monthOfYear;
mDay = dayOfMonth;
updateDate();
}
};




// Timepicker dialog generation
private TimePickerDialog.OnTimeSetListener mTimeSetListener =
new TimePickerDialog.OnTimeSetListener() {
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
mhour = hourOfDay;
mminute = minute;
updatetime();
}
};


@Override
protected Dialog onCreateDialog(int id) {
switch (id) {
case DATE_DIALOG_ID:
return new DatePickerDialog(this,
mDateSetListener,
mYear, mMonth, mDay);


case TIME_DIALOG_ID:
return new TimePickerDialog(this,
mTimeSetListener, mhour, mminute, false);


}
return null;
}
}

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:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"/>


<TextView android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""/>


<Button
android:id="@+id/timepicker"
android:text="Change Time"
android:layout_height="wrap_content"
android:layout_width="wrap_content"/>


<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""/>


<Button android:id="@+id/datepicker"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="200dp"
android:text="Change the date"/>


</LinearLayout>

另一个选择是 机器人轮子项目,它非常接近 iOS 的 UIDatePicker 对话框。

它提供了一个垂直滑块来选择任何东西(包括日期和时间)。如果您喜欢水平滑块,则 Rabi 引用的 DateSlider 更好。

我对 android-dateslider 项目进行了分支、更新、重构和优化:

Https://github.com/casidiablo/date-slider

我已经创建了一个结合日期选择器和时间选择器的警报对话框。 你可以在 https://github.com/nguyentoantuit/android得到代码 注意: DateTimePicker 是一个库

下面是 Jaydeep 的一个更简洁的版本,它显示了一个接一个的对话框。我喜欢这个解决方案,因为它没有依赖关系。

        Date value = new Date();
final Calendar cal = Calendar.getInstance();
cal.setTime(value);
new DatePickerDialog(this,
new DatePickerDialog.OnDateSetListener() {
@Override public void onDateSet(DatePicker view,
int y, int m, int d) {
cal.set(Calendar.YEAR, y);
cal.set(Calendar.MONTH, m);
cal.set(Calendar.DAY_OF_MONTH, d);


// now show the time picker
new TimePickerDialog(NoteEditor.this,
new TimePickerDialog.OnTimeSetListener() {
@Override public void onTimeSet(TimePicker view,
int h, int min) {
cal.set(Calendar.HOUR_OF_DAY, h);
cal.set(Calendar.MINUTE, min);
value = cal.getTime();
}
}, cal.get(Calendar.HOUR_OF_DAY),
cal.get(Calendar.MINUTE), true).show();
}
}, cal.get(Calendar.YEAR), cal.get(Calendar.MONTH),
cal.get(Calendar.DAY_OF_MONTH)).show();

DatePickerTimePicker放在布局 XML 中。

Date _ time _ picker. xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:padding="8dp"
android:layout_height="match_parent">


<DatePicker
android:id="@+id/date_picker"
android:layout_width="match_parent"
android:calendarViewShown="true"
android:spinnersShown="false"
android:layout_weight="4"
android:layout_height="0dp" />


<TimePicker
android:id="@+id/time_picker"
android:layout_weight="4"
android:layout_width="match_parent"
android:layout_height="0dp" />


<Button
android:id="@+id/date_time_set"
android:layout_weight="1"
android:layout_width="match_parent"
android:text="Set"
android:layout_height="0dp" />


</LinearLayout>

密码:

final View dialogView = View.inflate(activity, R.layout.date_time_picker, null);
final AlertDialog alertDialog = new AlertDialog.Builder(activity).create();


dialogView.findViewById(R.id.date_time_set).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {


DatePicker datePicker = (DatePicker) dialogView.findViewById(R.id.date_picker);
TimePicker timePicker = (TimePicker) dialogView.findViewById(R.id.time_picker);


Calendar calendar = new GregorianCalendar(datePicker.getYear(),
datePicker.getMonth(),
datePicker.getDayOfMonth(),
timePicker.getCurrentHour(),
timePicker.getCurrentMinute());


time = calendar.getTimeInMillis();
alertDialog.dismiss();
}});
alertDialog.setView(dialogView);
alertDialog.show();

combined DatePicker and TimePicker in DialogFragment for Android

我创建了一个 图书馆这样做。它也有可定制的颜色!

用起来很简单。

首先创建一个监听器:

private SlideDateTimeListener listener = new SlideDateTimeListener() {


@Override
public void onDateTimeSet(Date date)
{
// Do something with the date. This Date object contains
// the date and time that the user has selected.
}


@Override
public void onDateTimeCancel()
{
// Overriding onDateTimeCancel() is optional.
}
};

然后创建并显示对话框:

new SlideDateTimePicker.Builder(getSupportFragmentManager())
.setListener(listener)
.setInitialDate(new Date())
.build()
.show();

希望对你有用。

您可以使用 DatePicker library 材料日期时间选择器之一

  • 第一集“选择日期”。

    private void showDatePicker() {
    Calendar now = Calendar.getInstance();
    DatePickerDialog dpd = DatePickerDialog.newInstance(
    HomeActivity.this,
    now.get(Calendar.YEAR),
    now.get(Calendar.MONTH),
    now.get(Calendar.DAY_OF_MONTH)
    );
    dpd.show(getFragmentManager(), "Choose Date:");
    }
    
  • Then onDateSet callback store date & show TimePicker

    @Override
    public void onDateSet(DatePickerDialog view, int year, int monthOfYear, int dayOfMonth) {
    Calendar cal = Calendar.getInstance();
    cal.set(year, monthOfYear, dayOfMonth);
    filter.setDate(cal.getTime());
    new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
    showTimePicker();
    }
    },500);
    }
    
  • On onTimeSet callback store time

     @Override
    public void onTimeSet(RadialPickerLayout view, int hourOfDay, int minute) {
    Calendar cal = Calendar.getInstance();
    if(filter.getDate()!=null)
    cal.setTime(filter.getDate());
    cal.set(Calendar.HOUR_OF_DAY,hourOfDay);
    cal.set(Calendar.MINUTE,minute);
    }
    

使用这个函数,它将使你的照片日期和时间一个接一个,然后设置为全局变量日期。没有库就没有 XML。

Calendar date;
public void showDateTimePicker() {
final Calendar currentDate = Calendar.getInstance();
date = Calendar.getInstance();
new DatePickerDialog(context, new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
date.set(year, monthOfYear, dayOfMonth);
new TimePickerDialog(context, new TimePickerDialog.OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
date.set(Calendar.HOUR_OF_DAY, hourOfDay);
date.set(Calendar.MINUTE, minute);
Log.v(TAG, "The choosen one " + date.getTime());
}
}, currentDate.get(Calendar.HOUR_OF_DAY), currentDate.get(Calendar.MINUTE), false).show();
}
}, currentDate.get(Calendar.YEAR), currentDate.get(Calendar.MONTH), currentDate.get(Calendar.DATE)).show();
}

我还想把 DatePicker 和 TimePicker 结合起来。 因此,我创建了一个 API 来在一个接口中同时处理这两个问题! :)

Https://github.com/kunzisoft/android-switchdatetimepicker

enter image description here

也可以使用 SublimPicker

我写了一个小工具,可以同时选择日期和时间。

日期时间小部件

enter image description here