Hi guys
I am having problem displaying the icon trigger of the datepicker on my xhtml page
my xhtml is using Primefaces and only the datepicker is jQuery
my code is
- <p:inputText id="date" name="date" value="#{indexBean.searchCriteria.date}"
- label="Date" validator="#{indexBean.validateDate}">
- <p:watermark value="eg: 01/01/2013" for="date" />
- </p:inputText>
- <script type="text/javascript" >
- jQuery(function() {
- jQuery("#date").datepicker(
- { minDate : "#{indexBean.searchCriteria.mindate}", maxDate : "#{indexBean.searchCriteria.maxdate}", dateFormat : "dd/mm/yy", showOn : "button", buttonImage : "/style/images/calendar.png", buttonImageOnly : true });
- });
- </script>
The <head> of my Xhtml has:
- <f:facet name="first">
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
- </f:facet>
- <title>DERT</title>
- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"></link>
- <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
- <link type="text/css" rel="stylesheet"
- href="#{request.contextPath}/style/theme.css"></link>
- <link type="text/css" rel="stylesheet"
- href="#{request.contextPath}/style/babl.css"></link>
- <link type="text/css" rel="stylesheet"
- href="#{request.contextPath}/style/dert.css"></link>
Is there anything missing????
Thanks in advance
Cheers
Rana