jQuery datePicker icon won't show on the xhtml page -

itemprop = "text">

I am using primface in my xhtml i Decided to use the picture. The code for Datepicker is:

  & lt; H: Panel grid id = "search grid" column = "3" style class = "grid" column classes = "one, two, three" & gt; & Lt; P: column & gt; & Lt; H: output = for label = "date" value = "date" /> & Lt; / P: column & gt; & Lt; P: column & gt; & Lt; Script type = "text / javascript" & gt; $ (Function () ($ ("(date #") {date_date} {date_name} Yy ", showOn:" button ", button image:" /style/images/calendar.png ", button image only: true}) ;}); & Lt; / script & gt; & lt; p: input text id = "date" value = "# {indexBean.searchCriteria.date}" label = "date" validator = "# {indexBean.validateDate} "& Gt; & lt; p: Watermark value =" Example: 01/01/2013 "for" Date "/>    < P> However, the DatePicker button (icon) will not appear on the page. Is anything missing ?? Thanks in advance   
 
 
 It seems that your The SAS jQuery UI is not imported Make sure that there is something like this in the head of your page:  
    
 In addition, I will get my javascript under the datepicker input element:  
  & lt; H: panelGrid id = "searchGrid" column = "3" style class = "grid" column classes = "one, two, three" & gt; & Lt; P: column & gt; & Lt; H: output = for label = "date" value = "date" /> & Lt; / P: column & gt; & Lt; P: column & gt; & Lt; P: Input Text id = "Date" value = "# {indexBean.searchCriteria.date}" label = "Date" Validator = "# {indexBean.validateDate}" & gt; & Lt; P: watermark value = "example: 01/01/2013" for = "date" /> & Lt; / P: inputText> & Lt; Script type = "text / javascript" & gt; $ (Function () ($ ("(date #") {date_date} {date_name} Yy ", showOn:" button ", button image:" /style/images/calendar.png ", button image only: true}) ;}); & Lt; / script & gt;