p:日历的动态默认时间

时间:2014-01-10 13:29:12

标签: jsf jsf-2 primefaces

当使用primefaces p:calendar with time时,默认为00:00。我需要每个p:calendar的动态行为。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

我将提供一个非常基本的例子,说明如何在第一次选择日期时初始化时间。

号码:日历

    <p:calendar pattern="MM/dd/yyyy HH:mm" widgetVar="cal"> 
            <p:ajax event="dateSelect" oncomplete="onDateSelect()"></p:ajax>
    </p:calendar>

JS

var initalDateSelect = true;

function onDateSelect() {

   if(initalDateSelect) {
       myDate = cal.getDate();
       myDate.setHours(7);
       myDate.setMinutes(15);   
       cal.setDate(myDate);
       initalDateSelect = false;
   }

 }

基本上,当用户第一次选择日期时,我们会得到这个日期并设置我们的小时和分钟并将其返回日历。

p:calendar

现在下一步是pass your initial values from your JSF into the javascript.

答案 1 :(得分:0)

当p:日历使用时,您可以将小时设置为日期(日历的日期)。

<p:ajax event="dateSelect" listener="#{calendarBean.setToCustomHour}" />

.........

public void setToCustomHour(){

      (Set hour to a Date in JAVA)
}