`
renyuan_1991
  • 浏览: 70482 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

只显示年月的DatePicker

阅读更多
转载请注明出处:http://renyuan-1991.iteye.com/blogs/2304484
先看一下效果图:

1.不显示天数的DatePicker
2.设置DatePicker的显示日期范围
3.DatePicker的样式调整
下面看具体代码:
这种效果的实现首先要隐藏最后一列的Number(DatePicker的三列都是用number实现的)。隐藏最后一列有两种方法,如下:
    第一种:
   
DatePicker dp = findDatePicker((ViewGroup) datePickerDialog.getWindow().getDecorView());
        if (dp != null) {
            ((ViewGroup)((ViewGroup) dp.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);
        }
    }
private DatePicker findDatePicker(ViewGroup group) {
    if (group != null) {
        for (int i = 0, j = group.getChildCount(); i < j; i++) {
            View child = group.getChildAt(i);
            if (child instanceof DatePicker) {
                return (DatePicker) child;
            } else if (child instanceof ViewGroup) {
                DatePicker result = findDatePicker((ViewGroup) child);
                if (result != null)
                    return result;
            }
        }
    }
    return null;
}
    

这种方法是在DatePickerDialog中使用的,通过findDatePicker方法拿到DatePicker,然后根据DatePicker的布局层次拿到显示天数的那个number并将其设置成GONE。如果我们是自己再布局中添加的DatePicker可以直接通过DatePicker的getChildAt方法拿到显示天数的number并设置成不显示。本例中通过如下方法设置:
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="180dp"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="5dip"
    android:paddingTop="10dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_marginBottom="-15dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="选择月份" />

    <DatePicker
        android:theme="@android:style/Theme.Holo.Light"
        android:id="@+id/datePickerStart"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:calendarViewShown="false" />
    <Button
        android:id="@+id/dd_btn_sure"
        android:layout_width="match_parent"
        android:layout_marginTop="-20dp"
        android:text="确 定"
        android:textSize="18sp"
        android:background="@android:color/transparent"
        android:layout_height="wrap_content" />
</LinearLayout>

如果布局文件时以上这样的,我们可以再逻辑代码中直接findviewbyid拿到DatePicker,然后调用以下方法隐藏天数的控件。
.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);

完整的逻辑代码:
public class MyChooseMonthDialog extends AlertDialog implements OnDateChangedListener, View.OnClickListener {
    private static final String YEAR = "YEAR";
    private static final String MONTH = "MONTH";
    private static final String DAY = "DAY";

    private final DatePicker mDatePicker;
    private final MyChooseMonthDialog.OnDateSetListener mCallBack;


    /**
     * The callback used to indicate the user is done filling in the date.
     */
    public interface OnDateSetListener {
        void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth);
    }

    /**
     * @param context     The context the dialog is to run in.
     * @param callBack    How the parent is notified that the date is set.
     * @param year        The initial year of the dialog.
     * @param monthOfYear The initial month of the dialog.
     * @param dayOfMonth  The initial day of the dialog.
     */
    public MyChooseMonthDialog(Context context, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth) {
        this(context, 0, callBack, year, monthOfYear, dayOfMonth);
    }

    public MyChooseMonthDialog(Context context, int theme, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear,
                               int dayOfMonth) {
        this(context, 0, callBack, year, monthOfYear, dayOfMonth, true);
    }

    /**
     * @param context     The context the dialog is to run in.
     * @param theme       the theme to apply to this dialog
     * @param callBack    How the parent is notified that the date is set.
     * @param year        The initial year of the dialog.
     * @param monthOfYear The initial month of the dialog.
     * @param dayOfMonth  The initial day of the dialog.
     */
    public MyChooseMonthDialog(Context context, int theme, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear,
                               int dayOfMonth, boolean isDayVisible) {
        super(context, theme);
        mCallBack = callBack;
        Context themeContext = getContext();
        setIcon(0);
        LayoutInflater inflater = (LayoutInflater) themeContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.datepicker_dialog, null);
        Button dd_btn_sure = (Button) view.findViewById(R.id.dd_btn_sure);
        dd_btn_sure.setOnClickListener(this);
        setView(view);
        mDatePicker = (DatePicker) view.findViewById(R.id.datePickerStart);
        mDatePicker.init(year, monthOfYear, dayOfMonth, this);
        mDatePicker.setMaxDate(System.currentTimeMillis());
        setMyStyle(mDatePicker);
        // 如果要隐藏当前日期,则使用下面方法。
        if (!isDayVisible) {
            hidDay(mDatePicker);
        }
    }

    private void setMyStyle(DatePicker mDatePicker) {
        LinearLayout llFirst = (LinearLayout) mDatePicker.getChildAt(0);
        LinearLayout llSecond = (LinearLayout) llFirst.getChildAt(0);
        llSecond.setPadding(0, 0,0, 0);
        llSecond.setBackgroundResource(R.color.transparent);//设置datepickerdialog的背景

        for (int i = 0; i < llSecond.getChildCount(); i++) {
            NumberPicker picker = (NumberPicker) llSecond.getChildAt(i); // Numberpickers in llSecond
            Field[] pickerFields = NumberPicker.class.getDeclaredFields();
            for (Field pf : pickerFields) {
                //更改分割线的颜色
                if (pf.getName().equals("mSelectionDivider")) {
                    pf.setAccessible(true);
                    try {
                        pf.set(picker, ContextCompat.getDrawable(YztApplication.getInstance(), R.color.investor_ilp_red));
                    } catch (IllegalAccessException e) {
                        e.printStackTrace();
                    }
                    break;
                }
            }
        }
    }

    private void hidDay(DatePicker mDatePicker) {
        if(mDatePicker!=null){
            ((ViewGroup)((ViewGroup) mDatePicker.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);
        }
    }
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.dd_btn_sure:
                tryNotifyDateSet();
                this.dismiss();
                break;
        }
    }

    @Override
    public void onDateChanged(DatePicker view, int year, int month, int day) {
        if (view.getId() == R.id.datePickerStart)
            mDatePicker.init(year, month, day, this);
        // updateTitle(year, month, day);
    }

    /**
     * 获得开始日期的DatePicker
     *
     * @return The calendar view.
     */
    public DatePicker getDatePickerStart() {
        return mDatePicker;
    }

    /**
     * Sets the start date.
     *
     * @param year        The date year.
     * @param monthOfYear The date month.
     * @param dayOfMonth  The date day of month.
     */
    public void updateStartDate(int year, int monthOfYear, int dayOfMonth) {
        mDatePicker.updateDate(year, monthOfYear, dayOfMonth);
    }


    private void tryNotifyDateSet() {
        if (mCallBack != null) {
            mDatePicker.clearFocus();
            mCallBack.onDateSet(mDatePicker, mDatePicker.getYear(), mDatePicker.getMonth(),
                    mDatePicker.getDayOfMonth());
        }
    }

    @Override
    protected void onStop() {
        // tryNotifyDateSet();
        super.onStop();
    }

    @Override
    public Bundle onSaveInstanceState() {
        Bundle state = super.onSaveInstanceState();
        state.putInt(YEAR, mDatePicker.getYear());
        state.putInt(MONTH, mDatePicker.getMonth());
        state.putInt(DAY, mDatePicker.getDayOfMonth());
        return state;
    }

    @Override
    public void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        int year = savedInstanceState.getInt(YEAR);
        int month = savedInstanceState.getInt(MONTH);
        int day = savedInstanceState.getInt(DAY);
        mDatePicker.init(year,month,day, this);
    }
}

其中比较重要的是以下这一段代码:
private void setMyStyle(DatePicker mDatePicker) {
        LinearLayout llFirst = (LinearLayout) mDatePicker.getChildAt(0);
        LinearLayout llSecond = (LinearLayout) llFirst.getChildAt(0);
        llSecond.setPadding(0, 0,0, 0);
        llSecond.setBackgroundResource(R.color.transparent);//设置datepickerdialog的背景

        for (int i = 0; i < llSecond.getChildCount(); i++) {
            NumberPicker picker = (NumberPicker) llSecond.getChildAt(i); // Numberpickers in llSecond
            Field[] pickerFields = NumberPicker.class.getDeclaredFields();
            for (Field pf : pickerFields) {
                //更改分割线的颜色
                if (pf.getName().equals("mSelectionDivider")) {
                    pf.setAccessible(true);
                    try {
                        pf.set(picker, ContextCompat.getDrawable(YztApplication.getInstance(), R.color.investor_ilp_red));
                    } catch (IllegalAccessException e) {
                        e.printStackTrace();
                    }
                    break;
                }
            }
        }
    }

这段代码通过DatePicker拿到他的子布局,然后再通过反射拿到NumberPicker中得分割线,并修改其颜色。同理我们也可以通过反射拿到显示天数的那一列并设置成隐藏,这就是第二种方法,代码如下:
private void hidDay(DatePicker mDatePicker) {
         Field[] datePickerfFields = mDatePicker.getClass().getDeclaredFields();
         for (Field datePickerField : datePickerfFields) {
             if ("mDaySpinner".equals(datePickerField.getName())) {
                 datePickerField.setAccessible(true);
                 Object dayPicker = new Object();
                 try {
                     dayPicker = datePickerField.get(mDatePicker);
                 } catch (IllegalAccessException e) {
                     e.printStackTrace();
                 } catch (IllegalArgumentException e) {
                     e.printStackTrace();
                 }
                 // datePicker.getCalendarView().setVisibility(View.GONE);
                 ((View) dayPicker).setVisibility(View.GONE);
             }
         }
     }

以上第二种方法的代码来自:http://www.cnblogs.com/jilianggqq/p/4139510.html
在5.0以后的系统测试没有通过,设置成holo的主题也不行,看了一下原因是由于DatePickerDialog源码中的布局层次跟逻辑代码中反射的逻辑不对应,稍作修改应该可以实现相同的效果。
    当隐藏最后一列的时候AlertDialog并没有调整布局的大小,这个时候看起来很不协调,我们需要再Dialog调用show之后调用setLayout方法,注意一定要在show之后调用,代码如下:
 datePickerDialog.show();
        datePickerDialog.getWindow().setLayout(Utils.dip2px(IncomeDetailActivity.this,260),Utils.dip2px(IncomeDetailActivity.this,300));

设置DatePicker的日期范围:
mDatePicker.setMaxDate(System.currentTimeMillis());

设置日期范围后遇到一个小问题,当DatePicker显示的月份是当前月份的时候,可以看到下一个月,理论上设置了日期范围为今天是不会显示下一个月的,当滑动的时候会看到月份显示立马又正常了。也就是说mDatePicker.setMaxDate之后刷新了年没有刷新月份的显示....具体原因待考究。
希望爱好编程的小伙伴能加这个群,互相帮助,共同学习。群号: 141877583
  • 大小: 102.8 KB
分享到:
评论

相关推荐

    Android中DatePicker只显示年月

    要实现只显示年月的`DatePicker`,我们需要自定义`DatePicker`的布局。 1. **自定义`DatePicker`布局** 为了隐藏日期部分,我们可以在XML布局文件中创建一个自定义的`DatePicker`,并将日期部分的可见性设为`GONE`...

    自定义 DatePicker 只显示选择年月

    针对这种需求,我们可以自定义一个 `DatePickerDialog`,只显示年月选择界面。本文将详细讲解如何实现一个自定义的 `DatePickerDialog`,只显示年月选择,并确保在Android 7.0系统及以上版本能正常运行。 首先,...

    Bootstrap 时间控件控制只显示年,只显示年月

    若要显示年月,可以设置为`'yyyy-mm'`。以下是如何实现的示例代码: ```javascript $(document).ready(function() { var datePicker = $('#datePicker').datepicker({ format: 'yyyy' || 'yyyy-mm', // 根据需求...

    WPF类似DatePicker的只可以选择年月的年月选择控件

    这是一个类似DatePicker的只可以选择年月的年月选择控件,基于ComboBox控件,用于MVVM中的取值绑定例如:DateText="{Binding Path=xxx, Mode=OneWayToSource}".

    js时间控件大全 只显示年月

    另一种可能的方法是使用第三方库,如jQuery UI的Datepicker或者Bootstrap的Datetimepicker,这些库提供了高度可定制的日期选择器,可以方便地调整为只显示年月。 在实际应用中,这两个控件的使用需要结合HTML、CSS...

    只显示年月的时间控件

    此外,对于移动应用或者原生APP开发,可以利用iOS的`UIDatePicker`或Android的`DatePicker`,通过设置模式为“YEAR_MONTH”(iOS)或“MONTH_DAY YEAR”(Android),同样可以实现只显示年月的选择。 总之,“只...

    swift-封装了年月日年月文字的datePicker

    本篇将深入探讨如何利用Swift封装一个包含年月日、年月及纯文字显示的DatePicker组件,并通过实际的代码示例来阐述其实现过程。 首先,我们要理解DatePicker的基本概念。DatePicker是iOS界面中的一个控件,它允许...

    jQuery时间选择器datepicker年月日时分秒选择

    这将使得Datepicker在初始化时选择当前日期之后的一周,并以"年-月-日"的格式显示日期。 除了基本的日期选择,Datepicker还可以扩展到选择时间。虽然jQuery UI自身并未内置时间选择功能,但可以通过与其他时间选择...

    只显示年月的时间选择控件

    总的来说,这个只显示年月的时间选择控件是Android开发中的一个实用工具,尤其适用于那些只需要年月信息的场景。它的实现涉及到了自定义View的开发、布局设计、事件处理等多个方面,对于提升Android应用的用户体验...

    基于datepicker的年月日切换时间周期选择控件

    "基于datepicker的年月日切换时间周期选择控件"是一个常见的需求,它用于帮助用户方便地选择特定的时间范围,例如从一个日期到另一个日期,或者从一个年份到另一个年份。下面将详细介绍这个控件的实现及其相关知识点...

    android datepicker只显示年和日期

    这篇名为“android datepicker只显示年和日期”的博文,可能讲解了如何通过源码解析和定制来实现这个功能。`源码`标签暗示了博主可能深入到`DatePicker`的内部工作原理,分析了它的代码结构,寻找能够隐藏月份部分的...

    Android 日期控件只显示年月

    // 设置弹出年月日 if (dp != null) { if (SDKVersion ) { ((ViewGroup) dp.getChildAt(0)).getChildAt(1).setVisibility( View.GONE); } else if (SDKVersion &gt; 14) { ((ViewGroup) (...

    只显示年月的Android时间控件(通用版)

    首先,我们要了解Android中的时间选择通常通过DatePicker控件来完成,但默认的DatePicker会展示日、月、年的全部选项,而这个通用版的控件则只显示年月部分,简化了用户的选择流程,更适合那些只需要选择年月而不...

    DatePicker只显示年月,设置picker间隔,设置分割线颜色

    由于公司有需求,就是弹出DatePickerDialog只显示年月,并且下划线还要是指定颜色,本人网上搜了好多方法,觉得都不大靠谱,后来把两个觉得最靠谱的代码复制粘贴,并整合修改,就完成了此需求,这是我整理的demo

    Ant Design for React的DatePicker日期组件设置默认显示中文的方法

    Ant Design for React 的 DatePicker 日期组件设置默认显示中文的方法 在 Ant Design for React 的 DatePicker 日期组件中,默认情况下显示英文,但是在某些情况下,我们需要将其设置为中文。今天,我们将学习如何...

    vue日期控件实现可以选择年月或者选择年月日

    为了实现只选择年月的功能,我们可以将其设置为"year"或"month"。例如: ```html v-model="value" type="month" placeholder="选择月份"&gt; ``` 这里的`v-model`用于双向绑定日期值,`placeholder`则为占位提示...

    ios-自定义UIDatePicker,只显示年月和至今.zip

    标题"ios-自定义UIDatePicker,只显示年月和至今.zip"描述的就是这样一个自定义控件的实现。 在这个项目中,开发者创建了一个名为`ITDatePickerController`的类,它扩展了`UIDatePicker`的功能。这个自定义选择器仅...

    只选年月日期控件(jQuery)

    "只选年月日期控件"是一个特定的需求,它允许用户仅选择年份和月份,而不是完整的日期或者包括时间的详细信息。这种控件在某些场景下非常实用,比如用户只需要指定一个时间段,而不关心具体的日期。以下是对这个主题...

    datepicker日期控件

    在IT领域,尤其是在前端开发中,`datepicker`是一种常见的用户界面元素,用于让用户方便地选择日期。本话题将深入探讨`datepicker`日期控件及其在处理“开始时间”与“结束时间”逻辑中的应用。 首先,`datepicker`...

    mootools-datepicker时间插件精确到年月日时分

    5. **国际化支持**:MooTools Datepicker通常也支持多语言,允许你轻松地切换日期和时间的显示格式,以适应不同国家和地区的用户习惯。 6. **API交互**:除了基本的用户交互,插件还提供了一些API方法,如`open()`...

Global site tag (gtag.js) - Google Analytics