如何使用两个日期选择器创建自定义对话框?

时间:2013-05-22 11:52:46

标签: android dialog

我刚开始学习Android作为一种爱好,我想创建一个带有两个datepicker的对话框

final Dialog dialog = new Dialog(this);
dialog.setContentView(R.layout.data_picker_dialog);
dialog.setTitle(R.string.date_period_picker);
dialog.show();
return true;

如何从对话框中获取所选值?是否有可能在对话框中自动包含“确定/取消”按钮?

是否有具有此类功能的库(开始和结束日期/期间选择)?

3 个答案:

答案 0 :(得分:13)

最好先阅读DialogsPickers

至于实施,您可以有两个按钮:一个用于显示开始日期的日期选择器,另一个用于显示结束日期。

编辑:如果你真的想在1个对话框中显示2个日期选择器,下面是一个如何操作的示例。首先,创建一个自定义XML布局。

<强> /res/layout/custom_date_picker.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <DatePicker
        android:id="@+id/dpStartDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:calendarViewShown="false" />

    <DatePicker
        android:id="@+id/dpEndDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:calendarViewShown="false" />

</LinearLayout>

接下来是在对话框中使用上述布局:

// These variables will hold the date values later
private int startYear, startMonth, startDay, endYear, endMonth, endDay;

/**
 * Displays the start and end date picker dialog
 */
public void showDatePicker() {
    // Inflate your custom layout containing 2 DatePickers
    LayoutInflater inflater = (LayoutInflater) getLayoutInflater();
    View customView = inflater.inflate(R.layout.custom_date_picker, null);

    // Define your date pickers
    final DatePicker dpStartDate = (DatePicker) customView.findViewById(R.id.dpStartDate);
    final DatePicker dpEndDate = (DatePicker) customView.findViewById(R.id.dpEndDate);

    // Build the dialog
    AlertDialog.Builder builder = new AlertDialog.Builder(this);
    builder.setView(customView); // Set the view of the dialog to your custom layout
    builder.setTitle("Select start and end date");
    builder.setPositiveButton("OK", new DialogInterface.OnClickListener(){
        @Override
        public void onClick(DialogInterface dialog, int which) {
            startYear = dpStartDate.getYear();
            startMonth = dpStartDate.getMonth();
            startDay = dpStartDate.getDayOfMonth();
            endYear = dpEndDate.getYear();
            endMonth = dpEndDate.getMonth();
            endDay = dpEndDate.getDayOfMonth();
            dialog.dismiss();
        }});

    // Create and show the dialog
    builder.create().show();
}

最后,您只需拨打showDatePicker()即可显示此对话框。

答案 1 :(得分:1)

  

布局相同

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<DatePicker
      android:id="@+id/datePicker1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />

<DatePicker
      android:id="@+id/datePicker2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />
</LinearLayout>

答案 2 :(得分:0)

您只想为xml布局创建日期选择器(data_picker_dialog)。 并从您的身份

获取数据