View data format en dd / mm / yyyy

Navigation
3

Good afternoon! I'm using the air-datepicker plugin for dates.

When I click on the field, I see the format pt-br dd / mm / yyyy.

Now, therefore, when opening the modal window, this date is displayed in the same dd / mm / yyyy format, since it is displayed in the yyyy-mm-dd format.

Remembering that I'm using ajax.

Below Ajax 

function editar_lancamento(id)
{
metodo_salvar = 'update';
$('#form')[0].reset(); // Redefinir o formulário em modals
$('.form-group').removeClass('has-error'); // Apagar class de erro
$('.help-block').empty(); // clear error string

//Ajax - Carregar dados do ajax
$.ajax({
    url : "lancamento/lancamento_obter_por_id/" + id,
    type: "GET",
    dataType: "JSON",
    success: function( tbl_lancamento )
    {
        $('[name="id"]').val(tbl_lancamento.id);
		$('[name="txt_tipo"]').val(tbl_lancamento.tipo);			
        $('[name="txt_descricao"]').val(tbl_lancamento.descricao);
		$('[name="txt_valor"]').val(tbl_lancamento.valor);
		$('[name="txt_dt_vencimento"]').val(tbl_lancamento.dt_vencimento);			
		$('[name="sel_categoria"]').val(tbl_lancamento.id_categoria);
		$('[name="sel_conta"]').val(tbl_lancamento.id_conta);
		$('[name="txt_recebido"]').val(tbl_lancamento.recebido);
		$('[name="txt_dt_pagamento"]').val(tbl_lancamento.dt_pagamento);
		$('[name="sel_forma_pagamento"]').val(tbl_lancamento.forma_pagamento);			
	
		var tipo = $('#tipo').val();
		if(tipo == '1'){
			console.log(tipo);
			$('#modal_lancamento').modal('show'); // Abrir bootstrap modal quando completo carregado
		    $('.modal-title').html('<i class="fa fa-plus "></i> Editar Receita'); //Definir título e icone para o título modal Bootstrap
			$(".modal-header").css('background-color', '#00A65A');
			$('#lbl_recebido').text('Recebido ?');
		} else {		
			console.log(tipo);
			$('#modal_lancamento').modal('show'); // Abrir bootstrap modal quando completo carregado
		    $('.modal-title').html('<i class="fa fa-plus "></i> Editar Despesa'); //Definir título e icone para o título modal Bootstrap
			$(".modal-header").css('background-color', '#E9573F');
			$("#lbl_recebido").text('Pago ?');
		}
    },
    error: function (jqXHR, textStatus, errorThrown)
    {
        alert('Erro para obter dados ajax');
		console.log('Erro para obter dados ajax')	;
		
    }
});
}

    
asked by anonymous 07.06.2017 / 23:10

4 answers

4

//exemplo: tbl_lancamento.dt_vencimento.split('-').reverse().join("/"); 
var brDate = '2017-06-08'.split('-').reverse().join("/");
console.log(brDate);
    
08.06.2017 / 05:13
1

One more possibility would be this: 

var dateStr = '2017/06/07'; 
var dateSplit = dateStr.split("/");
var dateFormated = dateSplit[2] + "/" + dateSplit[1] + "/" + dateSplit[0]; 
console.log(dateFormated);
    
08.06.2017 / 14:16
0

You need to change the date format, there are several ways to do it, here is a simple example.

Change this: 

 $('[name="txt_dt_vencimento"]').val(tbl_lancamento.dt_vencimento);

To: 

 var spDate = tbl_lancamento.dt_vencimento.split('-');
 $('[name="txt_dt_vencimento"]').val(spDate[2]+'/'spDate[1]+'/'+spDate[0]);
    
08.06.2017 / 02:53
0

Solved with the response of MeAjudaSilvio 

var dateStr = tbl_lancamento.dt_vencimento;
var dateSplit = dateStr.split("-");
var dateFormated = dateSplit[2] + "/" + dateSplit[1] + "/" + dateSplit[0];
console.log(dateFormated);
$('[name="txt_dt_vencimento"]').val(dateFormated);
    
08.06.2017 / 04:42
Is there any other reason for compressing JavaScript in source code other than being reduced in size? [duplicate] Assign function to variable?