Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Aplica verificação de cor na tabela se a data é maior ou não, dentro do field repeater ACF
jQuery(document).ready(function($) {
var update_row_colours = function() {
$('[data-name="adicionar_experiencias"] .acf-table .acf-row').each( function() {
var strat = $( this ).find('[data-name="iniciou_no_dia"] input.input-alt');
var end = $( this ).find('[data-name="terminou_no_dia"] input.input-alt');
var strat_date = new Date( strat.val() );
var end_date = new Date( end.val() );
var today = ( new Date() ).getTime();
var tds = $( this ).find('td ~ td');
// Data de Inicio é menor ou igual a data de termino && data de termino é menor ou igual hoje
if ( strat_date.getTime() <= end_date.getTime() && end_date.getTime() <= today ) {
tds.css( {
'background-color' : '#2CC956' // ok
} );
}
// Data de Inicio é menor ou igual hoje && data de termino não cadastrada
else if ( strat_date.getTime() <= today && !end_date.getTime() ) {
tds.css( {
'background-color' : '#2CC956', // ok but to not registered
'opacity' : '0.6',
} );
}
// Data de inicino é maior do que hoje || Data de termino é maior do que hoje
else if ( strat_date.getTime() > today || end_date.getTime() > today || strat_date.getTime() > end_date.getTime() ) {
tds.css( {
'background-color' : '#F49304' // warning
} );
}
} );
};
$('[data-name="adicionar_experiencias"] .acf-table input.hasDatepicker').on( 'keyup blur change', update_row_colours );
update_row_colours();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.