Mostrar fecha y hora en un datatable

Usamos un <p:calendar con pattern, disabled="true"

   <b:dataTableColumn label="#{msg['field.fechahorapartida']}" >

        <p:calendar  
            disabled="true"

             pattern="dd/MM/yyyy HH:mm:ss" value="#{item.fechahorapartida}"  />

         </b:dataTableColumn>

y modificamos el css para cambiar el color de disabled

agregamos

//Color de los disables
.ui-state-disabled {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ; 
    filter: Alpha(Opacity=100) !important;    
    opacity: 100 !important;
    box-shadow:none !important;
    color: #000000 !important;
    font-weight: bold !important; 
    border: none !important;
}

También podemos separar las fechas y horas

   <b:dataTableColumn label="#{msg['field.fechapartida']}" >
                        <p:calendar  disabled="true"  size="8"                                  
                                     style="background-color: grey;"
                                    pattern="dd/MM/yyyy" value="#{item.fechahorapartida}"  />


                    </b:dataTableColumn> 
                    <b:dataTableColumn label="#{msg['field.horapartida']}" >
                        <p:calendar  disabled="true"    
                                     size="8" 
                                    pattern="HH:mm:ss a" value="#{item.fechahorapartida}"  />

                    </b:dataTableColumn> 
                    <b:dataTableColumn label="#{msg['field.fecharegreso']}" >
                        <p:calendar  disabled="true"    
                                     size="8" 
                                    pattern="dd/MM/yyyy" value="#{item.fechahoraregreso}"  />

                    </b:dataTableColumn> 
                    <b:dataTableColumn label="#{msg['field.horaregreso']}" >
                        <p:calendar  disabled="true"   
                                     size="8" 
                                    pattern="HH:mm:ss a" value="#{item.fechahoraregreso}"  />

                    </b:dataTableColumn>

Last updated