javascript - primefaces 日历值在 javascript 中未定义

标签 javascript jquery jsf primefaces calendar

我尝试在 javascript 中获取 primefaces 日历值 这是我在下面的 xhmtl 页面 我将 javascript metod startPrint() 称为 metod onclick 操作所以我得到日历值未定义但同样的事情适用于 h:inputHidden 所以我猜p:calendar 组件的问题

<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>

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

function startPrint() {    

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

  }

提前致谢。

最佳答案

使用getDate() PrimeFaces.widget.Calendar

<p:calendar widgetVar="calendarWV">
</p:calendar> 

javascript

PF('calendarWV').getDate()

关于javascript - primefaces 日历值在 javascript 中未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26751961/

相关文章:

javascript - 仅允许用户更改第一位数字

jQuery 选择器性能

java - JSF 在 WEB-INF 之外面对配置文件?

jsf - @Schedule 无法从 @SessionScoped CDI bean 获取数据

javascript - 使用 Jquery 动画让一个按钮将一个框移动到下一个 Angular 落

javascript - Google Apps 脚本拆分 ('\n' ) 不适用于 Google 管理目录中的数据

javascript - 单击时转到新样式页面的图像页面

php - 为前 3 篇文章添加单独的类(class) - Wordpress

css - JSF Primefaces 确认对话框

javascript - 为什么我的圆形按钮从 Bootstrap 3 转到 Bootstrap 4 时会损坏?