Разделить java.util.Date на два поля h:inputText, представляющие часы и минуты, с помощью f:convertDateTime

Я хотел бы настроить поле даты на моей странице, как это

|hours| h |minutes|

где часы и минуты находятся в отдельном inputText.

У боба есть эта дата

import java.util.Date;
...
private Date myDate;
...

и страница

<h:form>
    ...
    <h:inputText id="myDateHours" maxlength="2" value="#{myBean.myDate}"
        <f:convertDateTime pattern="HH" />
    </h:inputText>

    <h:outputText value=" h " />

    <h:inputText id="myDateMinutes" maxlength="2" value="#{myBean.myDate}"
        <f:convertDateTime pattern="mm" />
    </h:inputText>
    ...
</h:form>

Но проблема в том, что при отправке формы сохраняется только последний элемент. Например, если я наберу часы, а затем минуты, часы будут перезаписаны, и результат будет

| 00 | h | minutes |

Я пытался установить

<h:inputText id="myDateHours" value="#{myBean.myDate.hours}></h:inputText>

<h:inputText id="myDateMinutes" value="#{myBean.myDate.minutes}></h:inputText>

но я получаю

Cannot convert 01/01/70 01:00 of type class java.util.Date to int

Я не хочу заменять поле даты двумя полями типа int (часы и минуты...) У вас есть идея?

Спасибо

Источник

2 ответа

Решение

Этот конкретный случай невозможен, если вы хотите использовать одно значение модели.

Это, однако, идеальный кандидат для составного компонента. Он позволяет привязать одно значение модели к группе тесно связанных существующих компонентов и выполнить обработку / преобразование в компоненте поддержки, полностью отделенном от компонента просмотра и компонента поддержки. Один из примеров можно найти в этой статье: составной компонент с несколькими полями ввода. Этот пример может быть изменен для вашего конкретного случая следующим образом:

/resources/components/inputTime.xhtml:

<ui:component
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:cc="http://java.sun.com/jsf/composite"
>
    <cc:interface componentType="inputTime">
        <cc:attribute name="value" type="java.util.Date" shortDescription="The selected time. Defaults to now." />
    </cc:interface>
    <cc:implementation>
        <span id="#{cc.clientId}" style="white-space:nowrap">
            <h:inputText id="hour" binding="#{cc.hour}" maxlength="2" converter="javax.faces.Integer" />h
            <h:inputText id="minute" binding="#{cc.minute}" maxlength="2" converter="javax.faces.Integer" />
        </span>
    </cc:implementation>
</ui:component>

com.example.InputTime

@FacesComponent("inputTime")
public class InputTime extends UIInput implements NamingContainer {

    private UIInput hour;
    private UIInput minute;

    /**
     * As required by <cc:interface>.
     */
    @Override
    public String getFamily() {
        return UINamingContainer.COMPONENT_FAMILY;
    }

    /**
     * Set initial hour and minute based on model.
     */
    @Override
    public void encodeBegin(FacesContext context) throws IOException {
        Calendar calendar = Calendar.getInstance();
        Date date = (Date) getValue();

        if (date != null) {
            calendar.setTime(date);
        }

        hour.setValue(calendar.get(Calendar.HOUR_OF_DAY));
        minute.setValue(calendar.get(Calendar.MINUTE));
        super.encodeBegin(context);
    }

    /**
     * Returns the submitted value in HH-mm format.
     */
    @Override
    public Object getSubmittedValue() {
        return hour.getSubmittedValue() + "-" + minute.getSubmittedValue();
    }

    /**
     * Converts the submitted value to concrete {@link Date} instance.
     */
    @Override
    protected Object getConvertedValue(FacesContext context, Object submittedValue) {
        try {
            return new SimpleDateFormat("HH-mm").parse((String) submittedValue);
        }
        catch (ParseException e) {
            throw new ConverterException(e);
        }
    }

    public UIInput getHour() {
        return hour;
    }

    public void setHour(UIInput hour) {
        this.hour = hour;
    }

    public UIInput getMinute() {
        return minute;
    }

    public void setMinute(UIInput minute) {
        this.minute = minute;
    }

}

Использование:

<html ... xmlns:my="http://java.sun.com/jsf/composite/components">
...
<my:inputTime value="#{bean.date}" />

Смотрите также:

Источник

Вам нужно два отдельных метода установки в bean-компоненте, а затем выполнить слияние на сервере.

<h:inputText id="myDateHours" value="#{myBean.hours}></h:inputText>
<h:inputText id="myDateMinutes" value="#{myBean.minutes}></h:inputText>

Оба должны получить значения даты, поэтому вы можете работать с Календарем JAVA, устанавливающим оба поля в действии, вызванном вашей формой.

Calendar calendar = new GregorianCalendar();
calendar.setTimeInMillis(0);
calendar.set(Calendar.HOUR, getHours().getHours());
calendar.set(Calendar.MINUTE, getMinutes().getMinutes());

Будьте осведомлены о часовых поясах, если требуется.

Источник
Другие вопросы по тегам