Bom dia!
Foi criado um Modal com alguns campos, e não entendi como que faz para que esses campos sendo preenchidos assim que a tela for aberta, como por exemplo a data e hora.
Vou colocar aqui a forma que tentei fazer, mas não trouxe em tela.
$('#target').on('click', 'tr', function() {
var index = that.myTable.selectedRows()[0];
var selected = that.myTable.getRow(index);
console.log(selected);
var myModal = FLUIGC.modal({
title: 'Solicitação de Serviço',
content: '<div class="panel panel-primary">' +
'<div class="panel-heading">' +
'<h3 class="panel-title">Informações</h3>' +
'</div>' +
'<div class="panel-body">' +
'<div class="form-group col-md-2">' +
'<label for="txtBem">Bem/Localiz.:</label>' +
'<input type="text" name="codbem" id="codbem" class="form-control" readonly="readonly">' +
'</div>' +
'<div class="form-group col-md-4">' +
'<label for="txtDescBem">Desc.Bem/Loc:</label>' +
'<input type="text" name="nombem" id="nombem" class="form-control" readonly="readonly">' +
'</div>' +
'<div class="form-group col-md-2">' +
'<label for="txtCC">Centro Custo:</label>' +
'<input type="text" name="ccusto" id="ccusto" class="form-control" readonly="readonly">' +
'</div>' +
'<div class="form-group col-md-4">' +
'<label for="txtDescCC">Nome C.Custo:</label>' +
'<input type="text" name="nomcus" id="nomcus" class="form-control" readonly="readonly">' +
'</div>' +
'<div class="row">' +
'<div class="form-group col-md-3">' +
'<label for="txtDtAbert">Dt.Abertura:</label>' +
'<div class="input-group">' +
'<input type="date" name="dataAbert" id="dataAbert" class="form-control" readonly="readonly">' +
'</div>' +
'</div>' +
'<div class="form-group col-md-2">' +
'<label for="txtHrAbert">Hr.Abertura:</label>' +
'<input type="time" name="horaAbert" id="horaAbert" class="form-control" readonly="readonly">' +
'</div>' +
'<div class="form-group col-md-2">' +
'<label for="txtRamal">Ramal:</label>' +
'<input type="text" name="ramal" id="ramal" class="form-control">' +
'</div>' +
'<div class="form-group col-md-5">' +
'<label for="txtSituacao">Situacao S.S:</label>' +
'<input type="text" name="soluca" id="soluca" class="form-control" readonly="readonly">' +
'</div>' +
'</div>' +
'<div class="row">' +
'<div class="form-group col-md-10">' +
'<label for="txtServico">Serviço:</label>' +
'<div class="input-group">' +
'<textarea id="servico" name="servico" rows="4" cols="100" maxlength="100"></textarea>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>',
id: 'fluig-modal',
size: 'large',
actions: [{
'label': 'Save',
'bind': 'data-open-modal',
},{
'label': 'Close',
'autoClose': true
}]
});
var data = new Date(),
dia = data.getDate().toString(),
diaF = (dia.length == 1) ? '0'+dia : dia,
mes = (data.getMonth()+1).toString(), //+1 pois no getMonth Janeiro começa com zero.
mesF = (mes.length == 1) ? '0'+mes : mes,
anoF = data.getFullYear(),
hora = data.getHours(), // 0-23
horaF = (hora.lenght == 1) ? '0'+hora : hora,
min = data.getMinutes(), // 0-59
minF = (min.lenght == 1) ? '0'+min :min,
dataAtual = diaF+"/"+mesF+"/"+anoF,
horaAtual = horaF + ':' + minF;
$("#dataAbert").val(dataAtual);
});
});