浮动p：滚动时的日历

我在GlassFish服务器3.1.2.2中使用PrimeFaces 5.0.5。浮动p：滚动时的日历

我在<ui:fragment>的内部添加了<p:calendar>，然后将其包含在另一个XHTML页面中。

当我打开选择菜单并使用鼠标滚轮滚动时，面板将随着页面浮动。

我已经检查了this question类似的问题，但不在同一个组件上。

相同的技巧不适用于日历。我试着将它附加到组件周围，但它们都不起作用。

任何反馈和意见，赞赏。

非常感谢。

<h:panelGrid columns="2" id="..." style="margin: 0px 0px 30px 15px;"> 
    <h:outputText value="#{msg['startDate']}:"/> 
     <p:calendar 
      pattern="dd-MM-yyyy" 
      converterMessage="#{msg['ocs.invalidStartDateFormat']}" 
      value="#{cc.attrs.inputObject.usageHistoryStartDate}" 
      disabled="#{cc.attrs.inputObject.usageHistoryBillingPeriodOption != 'CUSTOM_DATE_RANGE'}" 
      showOn="button"> 
     </p:calendar> 
    <h:outputText value="#{msg['endDate']}:" /> 
     <p:calendar 
      pattern="dd-MM-yyyy" 
      converterMessage="#{msg['invalidEndDateFormat']}" 
      value="#{...}" 
      disabled="#{...}" 
      showOn="button"> 
     </p:calendar> 
</h:panelGrid>

来源

2016-07-15 Ruslan López Carro

我也有同样的问题。仍然没有解决办法？ – QieynaYeen

没有..会问在es.stackoverflow那里有奖励奖励计划，所以我希望我可以得到一些东西:) –

不知道这是否会帮助你，但我的解决方法是在对话框或任何容器组件，您有添加一个滚动事件。在滚动事件中，您查找datepicker元素并隐藏它。这里是一个片段：

$(document).ready(function() { 
      var dialog1 = $('.ui-dialog .ui-dialog-content'); 

      dialog1.scroll(function() { 
       $('#ui-datepicker-div').hide(); 
      }); 
     });

来源

2016-07-21 03:06:53 bluebloodedboy

浮动p：滚动时的日历

回答

相关问题