AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android日期时间选择器

2017-08-02 1926
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

Android 日期时间选择器

日期选择器是很多应用所具备的，比如设置一些任务的开始和结束时间。为了方便用户的同时也为了界面的好看，很多都是采用日期选择器，我在网上看了一下。很多的日期选择器个人感觉不是很好看，但是修改起来也有点麻烦，于是自己就写了一个demo。至于界面效果个人感觉也是很low，毕竟鄙人不是搞UI的，所以也就凑合着看吧。这些都不重要，因为这些是可以修改的。

如果想实现具有年月日的请看下面的注意里面的内容，下图是实现的分钟为00 15 30 45的如果想要0-59的请看下面的注意里面的内容

如果需要的是仿iOS的带有星期几的

实现的分钟为00 15 30 45的如果想要0-59

首先界面弹出PopupWindow动画的实现，具体的代码如下

进入动画


  
  
    

   
   
  1. <?xml version="1.0" encoding="utf-8"?> 
    2. 

   
   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" > 
    3. 

   
   
  3.  
    4. 

   
   
  4.     <translate 
    5. 

   
   
  5.         android:duration="500" 
    6. 

   
   
  6.         android:fromYDelta="100.0%p" 
    7. 

   
   
  7.         android:toYDelta="45" /> 
    8. 

   
   
  8.  
    9. 

   
   
  9. </set>  
    10.

退出动画


  
  
    

   
   
  1. <?xml version="1.0" encoding="utf-8"?> 
    2. 

   
   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" > 
    3. 

   
   
  3.  
    4. 

   
   
  4.     <translate 
    5. 

   
   
  5.         android:duration="500" 
    6. 

   
   
  6.         android:fromYDelta="0.0" 
    7. 

   
   
  7.         android:toYDelta="100.0%p" /> 
    8. 

   
   
  8.  
    9. 

   
   
  9. </set>  
    10.

主要界面的内容


  
  
    

   
   
  1. public class MainActivity extends Activity implements View.OnClickListener{ 
    2. 

   
   
  2.     private TextView tv_house_time; 
    3. 

   
   
  3.     private TextView tv_center; 
    4. 

   
   
  4.     private WheelMain wheelMainDate; 
    5. 

   
   
  5.     private String beginTime; 
    6. 

   
   
  6.  
    7. 

   
   
  7.     @Override 
    8. 

   
   
  8.     protected void onCreate(Bundle savedInstanceState) { 
    9. 

   
   
  9.         // TODO Auto-generated method stub 
    10. 

   
   
  10.         super.onCreate(savedInstanceState); 
    11. 

   
   
  11.         setContentView(R.layout.activity_main); 
    12. 

   
   
  12.         initView(); 
    13. 

   
   
  13.         initEvent(); 
    14. 

   
   
  14.     } 
    15. 

   
   
  15.  
    16. 

   
   
  16.     private void initEvent() { 
    17. 

   
   
  17.         tv_house_time.setOnClickListener(this); 
    18. 

   
   
  18.     } 
    19. 

   
   
  19.  
    20. 

   
   
  20.     private void initView() { 
    21. 

   
   
  21.         tv_house_time = (TextView) findViewById(R.id.tv_house_time); 
    22. 

   
   
  22.         tv_center = (TextView) findViewById(R.id.tv_center); 
    23. 

   
   
  23.     } 
    24. 

   
   
  24.  
    25. 

   
   
  25.     private java.text.DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd"); 
    26. 

   
   
  26.     public void showBottoPopupWindow() { 
    27. 

   
   
  27.         WindowManager manager = (WindowManager)getSystemService(Context.WINDOW_SERVICE); 
    28. 

   
   
  28.         Display defaultDisplay = manager.getDefaultDisplay(); 
    29. 

   
   
  29.         DisplayMetrics outMetrics = new DisplayMetrics(); 
    30. 

   
   
  30.         defaultDisplay.getMetrics(outMetrics); 
    31. 

   
   
  31.         int width = outMetrics.widthPixels; 
    32. 

   
   
  32.                 View menuView = LayoutInflater.from(this).inflate(R.layout.show_popup_window,null); 
    33. 

   
   
  33.         final PopupWindow mPopupWindow = new PopupWindow(menuView, (int)(width*0.8), 
    34. 

   
   
  34.                 ActionBar.LayoutParams.WRAP_CONTENT); 
    35. 

   
   
  35.         ScreenInfo screenInfoDate = new ScreenInfo(this); 
    36. 

   
   
  36.         wheelMainDate = new WheelMain(menuView, true); 
    37. 

   
   
  37.         wheelMainDate.screenheight = screenInfoDate.getHeight(); 
    38. 

   
   
  38.         String time = DateUtils.currentMonth().toString(); 
    39. 

   
   
  39.         Calendar calendar = Calendar.getInstance(); 
    40. 

   
   
  40.         if (JudgeDate.isDate(time, "yyyy-MM-DD")) { 
    41. 

   
   
  41.             try { 
    42. 

   
   
  42.                 calendar.setTime(new Date(time)); 
    43. 

   
   
  43.             } catch (Exception e) { 
    44. 

   
   
  44.                 e.printStackTrace(); 
    45. 

   
   
  45.             } 
    46. 

   
   
  46.         } 
    47. 

   
   
  47.         int year = calendar.get(Calendar.YEAR); 
    48. 

   
   
  48.         int month = calendar.get(Calendar.MONTH); 
    49. 

   
   
  49.         int day = calendar.get(Calendar.DAY_OF_MONTH); 
    50. 

   
   
  50.         int hours = calendar.get(Calendar.HOUR_OF_DAY); 
    51. 

   
   
  51.         int minute = calendar.get(Calendar.MINUTE); 
    52. 

   
   
  52.         wheelMainDate.initDateTimePicker(year, month, day, hours,minute); 
    53. 

   
   
  53.         final String currentTime = wheelMainDate.getTime().toString(); 
    54. 

   
   
  54.         mPopupWindow.setAnimationStyle(R.style.AnimationPreview); 
    55. 

   
   
  55.         mPopupWindow.setTouchable(true); 
    56. 

   
   
  56.         mPopupWindow.setFocusable(true); 
    57. 

   
   
  57.         mPopupWindow.setBackgroundDrawable(new BitmapDrawable()); 
    58. 

   
   
  58.         mPopupWindow.showAtLocation(tv_center, Gravity.CENTER, 0, 0); 
    59. 

   
   
  59.         mPopupWindow.setOnDismissListener(new poponDismissListener()); 
    60. 

   
   
  60.         backgroundAlpha(0.6f); 
    61. 

   
   
  61.         TextView tv_cancle = (TextView) menuView.findViewById(R.id.tv_cancle); 
    62. 

   
   
  62.         TextView tv_ensure = (TextView) menuView.findViewById(R.id.tv_ensure); 
    63. 

   
   
  63.         TextView tv_pop_title = (TextView) menuView.findViewById(R.id.tv_pop_title); 
    64. 

   
   
  64.         tv_pop_title.setText("选择起始时间"); 
    65. 

   
   
  65.         tv_cancle.setOnClickListener(new View.OnClickListener() { 
    66. 

   
   
  66.             @Override 
    67. 

   
   
  67.             public void onClick(View arg0) { 
    68. 

   
   
  68.                 mPopupWindow.dismiss(); 
    69. 

   
   
  69.                 backgroundAlpha(1f); 
    70. 

   
   
  70.             } 
    71. 

   
   
  71.         }); 
    72. 

   
   
  72.         tv_ensure.setOnClickListener(new View.OnClickListener() { 
    73. 

   
   
  73.  
    74. 

   
   
  74.             @Override 
    75. 

   
   
  75.             public void onClick(View arg0) { 
    76. 

   
   
  76.                 beginTime = wheelMainDate.getTime().toString(); 
    77. 

   
   
  77.                 try { 
    78. 

   
   
  78.                     Date begin = dateFormat.parse(currentTime); 
    79. 

   
   
  79.                     Date end = dateFormat.parse(beginTime); 
    80. 

   
   
  80.                     tv_house_time.setText(DateUtils.currentTimeDeatil(begin)); 
    81. 

   
   
  81.                 } catch (ParseException e) { 
    82. 

   
   
  82.                     e.printStackTrace(); 
    83. 

   
   
  83.                 } 
    84. 

   
   
  84.                 mPopupWindow.dismiss(); 
    85. 

   
   
  85.                 backgroundAlpha(1f); 
    86. 

   
   
  86.             } 
    87. 

   
   
  87.         }); 
    88. 

   
   
  88.     } 
    89. 

   
   
  89.  
    90. 

   
   
  90.     public void backgroundAlpha(float bgAlpha) { 
    91. 

   
   
  91.         WindowManager.LayoutParams lp = getWindow().getAttributes(); 
    92. 

   
   
  92.         lp.alpha = bgAlpha; 
    93. 

   
   
  93.         getWindow().setAttributes(lp); 
    94. 

   
   
  94.     } 
    95. 

   
   
  95.  
    96. 

   
   
  96.     @Override 
    97. 

   
   
  97.     public void onClick(View v) { 
    98. 

   
   
  98.         switch (v.getId()){ 
    99. 

   
   
  99.             case R.id.tv_house_time: 
    100. 

   
   
  100.                 showBottoPopupWindow(); 
    101. 

   
   
  101.                 break; 
    102. 

   
   
  102.         } 
    103. 

   
   
  103.     } 
    104. 

   
   
  104.  
    105. 

   
   
  105.     class poponDismissListener implements PopupWindow.OnDismissListener { 
    106. 

   
   
  106.         @Override 
    107. 

   
   
  107.         public void onDismiss() { 
    108. 

   
   
  108.             backgroundAlpha(1f); 
    109. 

   
   
  109.         } 
    110. 

   
   
  110.  
    111. 

   
   
  111.     } 
    112. 

   
   
  112. }  
    113.

布局内容的


  
  
    

   
   
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    2. 

   
   
  2.     android:id="@+id/rel_select" 
    3. 

   
   
  3.     android:layout_width="wrap_content" 
    4. 

   
   
  4.     android:layout_height="wrap_content" 
    5. 

   
   
  5.     android:layout_centerInParent="true" 
    6. 

   
   
  6.     android:layout_margin="10dp" 
    7. 

   
   
  7.     android:background="@drawable/border_circle_radius" 
    8. 

   
   
  8.     android:orientation="vertical" > 
    9. 

   
   
  9. <TextView 
    10. 

   
   
  10.     android:background="#2F0F9980" 
    11. 

   
   
  11.     android:padding="10dp" 
    12. 

   
   
  12.     android:id="@+id/tv_pop_title" 
    13. 

   
   
  13.     android:textSize="18sp" 
    14. 

   
   
  14.     android:gravity="center" 
    15. 

   
   
  15.     android:textColor="#301616" 
    16. 

   
   
  16.     android:layout_width="match_parent" 
    17. 

   
   
  17.     android:layout_height="wrap_content" /> 
    18. 

   
   
  18.     <LinearLayout 
    19. 

   
   
  19.         android:id="@+id/timePicker1" 
    20. 

   
   
  20.         android:layout_width="match_parent" 
    21. 

   
   
  21.         android:layout_height="wrap_content" 
    22. 

   
   
  22.         android:orientation="horizontal" > 
    23. 

   
   
  23.         <liuyongxiang.robert.com.testtime.wheelview.WheelView 
    24. 

   
   
  24.             android:id="@+id/year" 
    25. 

   
   
  25.             android:layout_width="wrap_content" 
    26. 

   
   
  26.             android:layout_weight="1" 
    27. 

   
   
  27.             android:layout_height="wrap_content" /> 
    28. 

   
   
  28.         <liuyongxiang.robert.com.testtime.wheelview.DashedLineView 
    29. 

   
   
  29.             android:layout_width="1dp" 
    30. 

   
   
  30.             android:gravity="center_vertical" 
    31. 

   
   
  31.             android:layout_gravity="center" 
    32. 

   
   
  32.             android:background="@drawable/dotted_line" 
    33. 

   
   
  33.             android:layout_height="match_parent" /> 
    34. 

   
   
  34.         <liuyongxiang.robert.com.testtime.wheelview.WheelView 
    35. 

   
   
  35.             android:id="@+id/month" 
    36. 

   
   
  36.             android:layout_width="wrap_content" 
    37. 

   
   
  37.             android:layout_weight="1" 
    38. 

   
   
  38.             android:layout_height="wrap_content" /> 
    39. 

   
   
  39.         <liuyongxiang.robert.com.testtime.wheelview.DashedLineView 
    40. 

   
   
  40.             android:layout_width="1dp" 
    41. 

   
   
  41.             android:gravity="center_vertical" 
    42. 

   
   
  42.             android:layout_gravity="center" 
    43. 

   
   
  43.             android:background="@drawable/dotted_line" 
    44. 

   
   
  44.             android:layout_height="match_parent" /> 
    45. 

   
   
  45.         <liuyongxiang.robert.com.testtime.wheelview.WheelView 
    46. 

   
   
  46.             android:id="@+id/day" 
    47. 

   
   
  47.             android:layout_width="wrap_content" 
    48. 

   
   
  48.             android:layout_weight="1" 
    49. 

   
   
  49.             android:layout_height="wrap_content" /> 
    50. 

   
   
  50.         <liuyongxiang.robert.com.testtime.wheelview.DashedLineView 
    51. 

   
   
  51.             android:layout_width="1dp" 
    52. 

   
   
  52.             android:background="@drawable/dotted_line" 
    53. 

   
   
  53.             android:layout_height="match_parent" /> 
    54. 

   
   
  54.         <liuyongxiang.robert.com.testtime.wheelview.WheelView 
    55. 

   
   
  55.             android:id="@+id/hour" 
    56. 

   
   
  56.             android:layout_width="wrap_content" 
    57. 

   
   
  57.             android:layout_weight="1" 
    58. 

   
   
  58.             android:layout_height="wrap_content" /> 
    59. 

   
   
  59.         <liuyongxiang.robert.com.testtime.wheelview.DashedLineView 
    60. 

   
   
  60.             android:layout_width="1dp" 
    61. 

   
   
  61.             android:background="@drawable/dotted_line" 
    62. 

   
   
  62.             android:layout_height="match_parent" /> 
    63. 

   
   
  63.         <liuyongxiang.robert.com.testtime.wheelview.WheelView 
    64. 

   
   
  64.             android:id="@+id/mins" 
    65. 

   
   
  65.             android:layout_width="wrap_content" 
    66. 

   
   
  66.             android:layout_weight="1" 
    67. 

   
   
  67.             android:layout_height="wrap_content" /> 
    68. 

   
   
  68.     </LinearLayout> 
    69. 

   
   
  69.     <LinearLayout 
    70. 

   
   
  70.         android:layout_width="match_parent" 
    71. 

   
   
  71.         android:layout_height="wrap_content" 
    72. 

   
   
  72.         android:background="#2F0F9980" 
    73. 

   
   
  73.         android:padding="10dp" 
    74. 

   
   
  74.         android:orientation="horizontal" > 
    75. 

   
   
  75.  
    76. 

   
   
  76.         <TextView 
    77. 

   
   
  77.             android:id="@+id/tv_cancle" 
    78. 

   
   
  78.             android:layout_width="0dp" 
    79. 

   
   
  79.             android:layout_height="wrap_content" 
    80. 

   
   
  80.             android:gravity="center" 
    81. 

   
   
  81.             android:paddingLeft="20dp" 
    82. 

   
   
  82.             android:paddingRight="20dp" 
    83. 

   
   
  83.             android:padding="5dp" 
    84. 

   
   
  84.             android:textSize="18sp" 
    85. 

   
   
  85.             android:textColor="#ff0000" 
    86. 

   
   
  86.             android:layout_weight="1" 
    87. 

   
   
  87.             android:background="@drawable/btn_pop" 
    88. 

   
   
  88.             android:text="取消" /> 
    89. 

   
   
  89.  
    90. 

   
   
  90.         <TextView 
    91. 

   
   
  91.             android:layout_width="0dp" 
    92. 

   
   
  92.             android:layout_height="wrap_content" 
    93. 

   
   
  93.             android:layout_weight="3" /> 
    94. 

   
   
  94.  
    95. 

   
   
  95.         <TextView 
    96. 

   
   
  96.             android:id="@+id/tv_ensure" 
    97. 

   
   
  97.             android:layout_width="0dp" 
    98. 

   
   
  98.             android:layout_height="wrap_content" 
    99. 

   
   
  99.             android:gravity="center" 
    100. 

   
   
  100.             android:textColor="#414341" 
    101. 

   
   
  101.             android:padding="5dp" 
    102. 

   
   
  102.             android:paddingLeft="20dp" 
    103. 

   
   
  103.             android:paddingRight="20dp" 
    104. 

   
   
  104.             android:layout_weight="1" 
    105. 

   
   
  105.             android:textSize="18sp" 
    106. 

   
   
  106.             android:background="@drawable/btn_pop" 
    107. 

   
   
  107.             android:text="确定" /> 
    108. 

   
   
  108.     </LinearLayout> 
    109. 

   
   
  109.  
    110. 

   
   
  110. </LinearLayout>  
    111.

请注意

MainActivity里面的显示时间的 tv_house_time.setText(DateUtils.currentTimeDeatil(begin));需要更改为

tv_house_time.setText(DateUtils.formateStringH(beginTime,DateUtils.yyyyMMddHHmm));否则现实的额时间为00：00

修改后的

将WheelMain里面的以下代码


  
  
    

   
   
  1. wv_mins.setAdapter(adapter); 
    2. 

   
   
  2. wv_mins.setCyclic(true);// 可循环滚动 
    3. 

   
   
  3. wv_mins.setLabel(“分”);// 添加文字 
    4. 

   
   
  4. int min = setMinute(m); 
    5. 

   
   
  5. wv_mins.setCurrentItem(min);  
    6.

更换为


  
  
    

   
   
  1. wv_mins.setAdapter(new NumericWheelAdapter( 
    2. 

   
   
  2. 0, 59)); 
    3. 

   
   
  3. wv_mins.setCyclic(true);// 可循环滚动 
    4. 

   
   
  4. wv_mins.setLabel(“分”);// 添加文字 
    5. 

   
   
  5. wv_mins.setCurrentItem(m);  
    6.

还需要将


  
  
    

   
   
  1. int minute = Integer.valueOf(adapter.getItem(wv_mins.getCurrentItem())); 
    2.

改为


  
  
    

   
   
  1. int minute = wv_mins.getCurrentItem(); 
    2.

会将分钟更改为从0到59

如果不想要时间只想要年月日的话只需要


  
  
    

   
   
  1. if (hasSelectTime) { 
    2. 

   
   
  2.  
    3. 

   
   
  3.     wv_hours.setVisibility(View.GONE); 
    4. 

   
   
  4.  
    5. 

   
   
  5.     wv_mins.setVisibility(View.GONE); 
    6. 

   
   
  6.  
    7. 

   
   
  7. } else { 
    8. 

   
   
  8.  
    9. 

   
   
  9.     wv_hours.setVisibility(View.GONE); 
    10. 

   
   
  10.  
    11. 

   
   
  11.     wv_mins.setVisibility(View.GONE); 
    12. 

   
   
  12.  
    13. 

   
   
  13.     wv_day.setVisibility(View.GONE); 
    14. 

   
   
  14.  
    15. 

   
   
  15. }  
    16.

将这段代码放开就可以了还要将以下绿色区域内的代码去掉

 

还需要将 MainActivty里的如下代码


  
  
    

   
   
  1. wheelMainDate.initDateTimePicker(year, month, day, hours,minute); 
    2.

更改为


  
  
    

   
   
  1. wheelMainDate.initDateTimePicker(year, month, day); 
    2.

还有 wheelMain里的


  
  
    

   
   
  1. if (!hasSelectTime) { 
    2. 

   
   
  2.         sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-") 
    3. 

   
   
  3.                 .append(strMon).append("-") 
    4. 

   
   
  4.                 .append(strDay).append("  ").append(strHour).append(":").append(strMin); 
    5. 

   
   
  5.     }else{ 
    6. 

   
   
  6.         sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-") 
    7. 

   
   
  7.                 .append(strMon).append("-") 
    8. 

   
   
  8.                 .append(strDay).append("  ").append(strHour).append(":").append(strMin); 
    9. 

   
   
  9.     }  
    10.

需要修改为


  
  
    

   
   
  1. if (!hasSelectTime) {      
    2. 

   
   
  2.    sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-") 
    3. 

   
   
  3.                 .append(strMon).append("-") 
    4. 

   
   
  4.                 .append(strDay); 
    5. 

   
   
  5.     }else{ 
    6. 

   
   
  6.         sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-") 
    7. 

   
   
  7.                 .append(strMon).append("-") 
    8. 

   
   
  8.                 .append(strDay); 
    9. 

   
   
  9.     }  
    10.

实现效果如下图

实现效果






本文作者：佚名
来源：51CTO
文章标签：
Android开发
关键词：
Android日期
Android选择器
Android时间选择器
Android日期时间选择器
玄学酱
目录
相关文章
热烈的马
|
7月前
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战（包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码）
Android Studio App开发中改造已有的控件实战（包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码）
热烈的马
133 1
热烈的马
|
7月前
|
Android开发
Android Studio APP开发入门之对话框Dialog的讲解及使用（附源码 包括提醒对话框，日期对话框，时间对话框）
Android Studio APP开发入门之对话框Dialog的讲解及使用（附源码 包括提醒对话框，日期对话框，时间对话框）
热烈的马
174 0
保山hh
|
5月前
|
Android开发
android 开发中的日期加减处理
android 开发中的日期加减处理
保山hh
80 0
xiaowang_lj
|
7月前
|
Android开发
Android获取当前系统日期和时间的三种方法
Android获取当前系统日期和时间的三种方法
xiaowang_lj
395 4
宁波阿成.
|
7月前
|
Android开发
Android之日期及时间选择对话框
Android之日期及时间选择对话框
宁波阿成.
32 1
是阿超
|
7月前
|
XML Java Android开发
Android实时显示时间日期(极简)
Android实时显示时间日期(极简)
是阿超
151 0
张继群
|
7月前
|
Android开发
Android 开发 pickerview 自定义选择器
Android 开发 pickerview 自定义选择器
张继群
39 0
wljslmz
|
搜索推荐 Java Android开发
如何自定义 Android 日期选择器，实现各种个性化的效果？
如何自定义 Android 日期选择器，实现各种个性化的效果？
wljslmz
318 0
LightOf
|
Java Android开发
【安卓开发】Android中日期选择器DatePicker和TimePicker的使用
【安卓开发】Android中日期选择器DatePicker和TimePicker的使用
LightOf
933 0
【安卓开发】Android中日期选择器DatePicker和TimePicker的使用
三掌柜666
|
程序员 Android开发 开发者
Android开发：获取当前系统时间和日期的方法
最近接手了公司的一个Android项目，一直在处理Android项目的App的开发，作为半路起家来说，总结了一些Android开发的心得和知识点，然后就写下来记录一下，分享给有需要的开发者查阅交流。那么本篇博文就来分享一下在Android开发过程中，涉及到获取系统当前日期和时间的方法，知识点虽然很常见，但是很实用。
三掌柜666
2187 0
Android开发：获取当前系统时间和日期的方法