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