Date Picker is not working on my jsf and xhtml file can anyone guide me please

Question

this is my xhtml page where i am using JSF framework when i try this code outside my project it is working but when i try to integrate with my html view it is not working kidly help me to solve this issue

     
    
      

        
  
    EDPMS Process
    
     

      
     
     
    
    

    
      
     
      
      
      
       
      
      
      
     
     
      
    */
    

    
    
    
    
    

    
    
    
    
                        
                            
                                          
    Inline  
      

    Popup  
      

    Popup Button  
      

      

      

      

          
          
              
          

          
          
              
          

          
          
              
          

         

         
        
                             
                    LEO DATE

Java Code

    package com.misys.tiplus2.controller;

     import java.text.SimpleDateFormat;
     import java.util.Date;
     import javax.faces.application.FacesMessage;
     import javax.faces.bean.ManagedBean;
      import javax.faces.context.FacesContext;

    import org.primefaces.context.RequestContext;
   import org.primefaces.event.SelectEvent;

    @ManagedBean(name = "calendarView", eager = true)
    public class CalendarView {

    private Date date1;
     private Date date2;
     private Date date3;
     public Date getDate1() {
     return date1;
     }
    public void setDate1(Date date1) {
    this.date1 = date1;
    }
    public Date getDate2() {
    return date2;
    }
     public void setDate2(Date date2) {
      this.date2 = date2;
    }
     public Date getDate3() {
      return date3;
    }
     public void setDate3(Date date3) {
       this.date3 = date3;
    }

    public void onDateSelect(SelectEvent event) {
     FacesContext facesContext = FacesContext.getCurrentInstance();
     SimpleDateFormat format = new SimpleDateFormat("dd/MM/yyyy");
     facesContext.addMessage(null, new  FacesMessage(FacesMessage.SEVERITY_INFO, "Date Selected",     format.format(event.getObject())));
         }

     public void click() {
    RequestContext requestContext = RequestContext.getCurrentInstance();

    requestContext.update("form:display");
    requestContext.execute("PF('dlg').show()");
}
}

stg · Accepted Answer

PrimeFaces is build on top of jQuery, i.a.

Thus, if you really have to include the jQuery API, then make use of the one, that comes along with PrimeFaces to avoid compatibility issues. This means you should use

instead of

As Kukeltje already mentioned in the comment, you really have to clean up your css and js imports. Antoher example for this is your usage of the date-picker API. You are including it three times or even more:

However, within the posted JSF view, there is not even the need to include any of these JS-files, as PrimeFaces does the jobs for you and generates the HTML -including the neccessary JS- automatically.

Furthermore you have to check your xhtml. You are not closing the h:head-tag at all, so this should not even render a valid HTML output.

Last but not least: Please describe your problem, if still present after those changes, from a developers point of view. Statements like is not working kidly do not describe the problem in a proper way.

Date Picker is not working on my jsf and xhtml file can anyone guide me please

Answers (1)

Related Questions