primefaces 日历可以禁用过去的日期和时间吗？

Question

我正在尝试在网站上弹出日历以允许用户选择日期。这是用于提醒/任务实现。我不希望用户能够选择以前的日期或时间。

任何人为这个问题提供的建议都是mindate="today (get new Date())"。这很好，因为它使前几天无法被选中。但是，人们仍然可以选择今天的某个时间，即之前到现在。因此，人们自然会选择minHour 和minMinute，但这些也会保留在未来的日子里。因此，如果我设置了所有这 3 个，我们将接近，但问题是，如果我选择明天的日期，它将只允许基于 minMinute 和 minHour 的一天中的时间，它们基于您的系统时间为"today (get new Date())"。您应该可以选择明天的任何时间。

我可以让日历只在“现在”之后的日子和时间有效吗？

这似乎是一个自然的环境。 futureDates="disabled"、pastDates="disabled"等

Answer 1

我猜默认情况下不可能在同一个日历组件中完成所有这些操作。因为它要求您在用户选择日期后更改 minHour 和 minMinute 的值。这意味着日历组件需要再次渲染。

您可以将其分为两个部分：一个仅用于选择日期，另一个用于选择时间。

然后您可以在用户选择日期时进行 ajax 调用，并根据所选日期重新渲染时间组件，并根据所选日期设置 minHour 和 minMinute。

这就是 xhtml 的样子：

<p:calendar id="dateOnly" mindate="#{datePickerView.minDate}"
    value="#{datePickerView.chosenDate}">

    <p:ajax event="dateSelect" listener="#{datePickerView.handleDateSelect}" update="timeOnly" />  
</p:calendar>

<br />

<p:calendar id="timeOnly" value="#{datePickerView.chosenTime}" 
    pattern="HH:mm" timeOnly="true" minHour="#{datePickerView.minHour}" 
    minMinute="#{datePickerView.minMinute}" />

这就是 bean 的样子：

public class DatePickerView implements Serializable {
    private static final long serialVersionUID = 1L;

    private Date chosenDate;
    private Date chosenTime;

    public void handleDateSelect(DateSelectEvent event) {
        chosenDate = event.getDate();
    }

    public Date getMinDate() {
        return Calendar.getInstance().getTime();
    }

    public int getMinHour() {
        if (chosenDate.after(Calendar.getInstance().getTime())) {
            return 0;
        } else {
            return Calendar.getInstance().get(Calendar.HOUR_OF_DAY);
        }
    }

    public int getMinMinute() {
        if (chosenDate.after(Calendar.getInstance().getTime())) {
            return 0;
        } else {
            return Calendar.getInstance().get(Calendar.MINUTE);
        }
    }

    public Date getChosenDate() {
        return chosenDate;
    }

    public void setChosenDate(Date chosenDate) {
        this.chosenDate = chosenDate;
    }

    public Date getChosenTime() {
        return chosenTime;
    }

    public void setChosenTime(Date chosenTime) {
        this.chosenTime = chosenTime;
   }
}

您当然应该添加时区处理等。