DatePicker 隐形按钮

Posted

技术标签:

【中文标题】DatePicker 隐形按钮【英文标题】:DatePicker invisible buttons 【发布时间】:2017-10-03 17:57:10 【问题描述】:

如您所知,我使用的是日期选择器(不同的语言。顶部写着 2015 年 11 月)。

我正在使用 OnClickListener,当点击 a1 EditText 时,会弹出 DatePicker 对话框,您可以选择日期,完成后您会在 EditText 中收到日期。

但是我在对话框的构造按钮和选择年份时遇到问题,它们是不可见的,我只能单击它们,虽然看不到它们。

如何启用/显示构造和年份日期选择的按钮?

Activity.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_first_entry"
    android:layout_
    android:layout_
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.none.myapplication.firstEntry">
<EditText
        android:id="@+id/a1"
        android:layout_below="@+id/btn"
        android:layout_
        android:layout_ />
</RelativeLayout>

Activity.java

private EditText a1;
private DatePickerDialog fromDatePickerDialog;
private SimpleDateFormat dateFormatter;

@Override
protected void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_first_entry);


    dateFormatter = new SimpleDateFormat("dd-MM-yyyy");

    findViewsById();

    setDateTimeField();


private void findViewsById() 
    a1 = (EditText) findViewById(R.id.a1);
    a1.setInputType(InputType.TYPE_NULL);
    a1.requestFocus();


private void setDateTimeField() 
    a1.setOnClickListener(this);

    Calendar newCalendar = Calendar.getInstance();
    fromDatePickerDialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() 

        public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) 
            Calendar newDate = Calendar.getInstance();
            newDate.set(year, monthOfYear, dayOfMonth);
            a1.setText(dateFormatter.format(newDate.getTime()));
        

    ,newCalendar.get(Calendar.YEAR), newCalendar.get(Calendar.MONTH), newCalendar.get(Calendar.DAY_OF_MONTH));



@Override
public void onClick(View view) 
    if(view == a1) 
        fromDatePickerDialog.show();
    

【问题讨论】:

点击顶部的year标题更改全年,点击另一个时间,您可以选择十年。它适用于我作为应用用户使用的许多数据选择器,因此它也应该在这里工作。 @miljon 你说得对,我看不到,因为那对我来说也是不可见的。 【参考方案1】:

对于那些没有得到上述解决方案有用的人,试试这个解决方案-

styles.xml:

<!--  Date Picker Styles   -->
<style name="DialogTheme" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">@color/titletext_blue</item>           <!-- Header Background -->
    <item name="android:colorAccent">@color/titletext_blue</item>
    <item name="android:textColor">@color/titletext_blue</item>
    <item name="android:buttonBarPositiveButtonStyle">@style/DialogButtonStyled</item>
    <item name="android:buttonBarNegativeButtonStyle">@style/DialogButtonStyled</item>
    <item name="android:buttonBarNeutralButtonStyle">@style/DialogButtonStyled</item>
    <item name="android:colorControlActivated">#4971AC</item>        <!--selected day-->
    <!--        <item name="android:textColorPrimary">#89B5F6</item> &lt;!&ndash;days of the month&ndash;&gt;-->
    <!--        <item name="android:textColorSecondary">#0E3E85</item>    &lt;!&ndash;days of the week&ndash;&gt;-->
</style>

<!-- Date picker ok/cancel button styles    -->
<style name="DialogButtonStyled" parent="Theme.MaterialComponents.Light">
    <item name="android:textColor">@color/titletext_blue</item>
    <item name="android:background">@color/transparent</item>
    <item name="android:textSize">15dp</item>
</style>

并按如下方式调用日期选择器:

new DatePickerDialog(getActivity(), R.style.DialogTheme,(DatePickerDialog.OnDateSetListener) getActivity(), year, month, day);

这应该对你有帮助:) 干杯!

【讨论】:

【参考方案2】:

检查此代码 sn -p -

public void showDatePickerDialog()

        DatePickerDialog datePickerDialog = new DatePickerDialog(getActivity(), date, myCalendar.get(Calendar.YEAR), myCalendar.get(Calendar.MONTH), myCalendar.get(Calendar.DAY_OF_MONTH));
        datePickerDialog.getDatePicker().setMinDate(System.currentTimeMillis() - 1000);
        datePickerDialog.show();
       //clientDate.setText(""+myCalendar.get(Calendar.DAY_OF_MONTH)+"/"+(myCalendar.get(Calendar.MONTH)+1)+"/"+myCalendar.get(Calendar.YEAR));
    


    DatePickerDialog.OnDateSetListener date = new DatePickerDialog.OnDateSetListener() 

        @Override
        public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) 

            myCalendar.set(Calendar.YEAR, year);
            myCalendar.set(Calendar.MONTH, monthOfYear);
            myCalendar.set(Calendar.DAY_OF_MONTH, dayOfMonth);
            //updateYourLabel(); // or whatever you want
            //Toast.makeText(context, ""+dayOfMonth+"/"+(monthOfYear+1)+"/"+year, Toast.LENGTH_SHORT).show();
            clientDate.setText(""+dayOfMonth+"/"+(monthOfYear+1)+"/"+year);
        

    ;

【讨论】:

myCalendar 未定义,getActivity() 也未定义【参考方案3】:
fromDatePickerDialog = new DatePickerDialog(this, R.style.DialogTheme, new DatePickerDialog.OnDateSetListener() 
    //rest of the code

在你的styles.xml中

<style name="DialogTheme" parent="Theme.AppCompat.Light.Dialog">
<item name="colorAccent">@color/blue_500</item>
</style>

original answer

【讨论】:

以上是关于DatePicker 隐形按钮的主要内容,如果未能解决你的问题,请参考以下文章

view组件 DatePicker---- 点击重置按钮,无法正常将DatePicker组件的时间范围清空

ReactJS Ant Design - 单击按钮时打开 DatePicker

Swift 3 使用 UINavBar 按钮显示以编程方式创建的 datePicker

Datepicker 上一个和下一个按钮图像问题

如何在按钮单击并插入跨度标记时显示 jquery datepicker

jQuery ajax 提交表单并从 datepicker、按钮获取值