在javascript中,primefaces日历值未定义

时间:2014-11-05 07:42:44

标签: javascript jquery jsf primefaces calendar

我尝试在javascript中获取primefaces日历值这是我的xhmtl页面在下面我把javascript metod startPrint()我调用这个metod onclick动作所以我得到日历值未定义但同样的事情与h:inputHidden所以我猜p:calendar component

上的问题
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
    </h:head>
    <h:body>
        <h:form>
            <p:calendar id="datesr" value="#{protocolCnt.detail.prCreateDate}" pattern="dd-MM-yyyy"/>  
            <p:commandButton value="Çap et" style="margin-left: 30px"   onclick="startPrint()" icon="ui-icon-printPrt"/>
            <h:outputScript  library="javascript" name="printJS.js" />
        </h:form>
    </h:body>
</html>

控制台输出:dater undefined printJS.js?ln = javascript:35

function startPrint() {    

  var datesr = document.getElementById('datesr').value;
  console.log('datesr ' + datesr);

  }

提前致谢。

1 个答案:

答案 0 :(得分:2)

使用PrimeFaces.widget.Calendar

getDate()
<p:calendar widgetVar="calendarWV">
</p:calendar> 

<强>的javascript

PF('calendarWV').getDate()