web-dev-qa-db-ja.com

AndroidアプリケーションのDateTimeピッカー

日付と時刻を同時に選択できるAndroidウィジェットはありますか？私はすでに基本的な time picker と date picker を使用しています。

しかし、彼らはそれほどセクシーでユーザーフレンドリーではありません（私は見つけました）。日付と時刻の両方を含むウィジェットが存在するかどうか知っていますか？どうもありがとう、リュック

androidandroid-widget
118
Luc

これを提供するAndroidには何も組み込まれていません。

編集：Androidは組み込みのピッカーを提供するようになりました。チェック @ Oded answer

51
CommonsWare

DatePickerとTimePickerの両方をレイアウト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();
64
Oded Breiner

この関数を使用すると、日付と時刻を1つずつ確認し、グローバル変数の日付に設定できます。ライブラリも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();
}
47
Abhishek

combined DatePicker and TimePicker in DialogFragment for Android

これを行うために library を作成しました。カスタマイズ可能な色もあります！

使い方はとても簡単です。

まず、リスナーを作成します。

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();

それがあなたのお役に立てば幸いです。

25
JDJ

DatePicker update timeメソッドでタイムピッカーダイアログを呼び出します。同時に呼び出されることはありませんが、DatePicker setボタンを押すと呼び出されます。タイムピッカーダイアログが開きます。その方法を以下に示します。

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;
        }
}

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: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>
20
Jaydeep Khamar

リンクするURLは、タイムピッカーでダイアログをポップアップし、日付ピッカーで別のダイアログをポップアップする方法を示します。ただし、これらのUIウィジェットを独自のレイアウトで直接使用できることに注意する必要があります。同じビューにTimePickerとDatePickerの両方を含む独自のダイアログを作成して、探しているものを実現できます。

つまり、TimePickerDialogとDatePickerDialogを使用する代わりに、UIウィジェットを使用するだけです TimePicker そして 日付ピッカー 独自のダイアログまたはアクティビティで直接。

13
Mark B

また、DatePickerとTimePickerを組み合わせたいと思いました。したがって、1つのインターフェイスで両方を処理するAPIを作成します！ :)

https://github.com/Kunzisoft/Android-SwitchDateTimePicker

enter image description here

SublimePicker を使用することもできます

12
J-Jamet

私は自分のプロジェクトの1つで同じ問題に直面しており、1つのユーザーフレンドリーなダイアログで日付と時間の両方を選択できるカスタムウィジェットを作成することにしました。 http://code.google.com/p/datetimepicker/ でサンプルとともにソースコードを取得できます。コードはApache 2.0でライセンスされています。

9
ptashek

Android-datesliderプロジェクトを分岐、更新、リファクタリング、および管理しました。現在Githubにあります：

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

6
Cristian

enter image description here

このチュートリアルリンクが役立つ場合があります http://custom-Android-dn.blogspot.com/2013/03/how-to-create-custom-date-time-picker.html

4
nghien_rbc

DatePicker libraryのいずれかを使用できます wdullaer/MaterialDateTimePicker

  • 最初にDatePickerを表示します。

    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:");
}

  • 次に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);
}

  • onTimeSet callback保管時間

     @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);
}
3
Khaled Lela

もう1つのオプションは、iOSのUIDatePickerダイアログにかなり近い Android-wheel プロジェクトです。

何か（日付と時刻を含む）を選択するための垂直スライダーを提供します。水平スライダーを使用する場合は、Rabiが参照するDateSliderの方が適しています。

2
pellucide

日付ピッカーと時間ピッカーを組み合わせたアラートダイアログを作成しました。 https://github.com/nguyentoantuit/Android でコードを取得できます。注：DateTimePickerはライブラリです

1
Toan Nguyen

次に、ダイアログを次々に表示するという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();
1
Roger Keays

日付と時刻の両方を選択できる小さなウィジェットを作成しました。

DateTimeWidget

enter image description here

1
Kristy Welsh