wanderval

Cara porque você quer fazer dessa forma, a menos que sejá algum desafio pessoal ou estudo de lógica a melhor solução seria usar elementos nativos para isso como: <input type="time" /> <input type="date" /> <input type="datetime-local" /> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

Pelo que percebi essa aplicação é node.js e não uma aplicação front-end está aparecendo undefined pq você não esta retornando nada no response, isso é uma API náo pode deixar de usar response e request. Essa é uma chamada de APi para rota como foi delegado para outro método manipular response(res) ou request(req) como é um get deve ter um response populado. Segundo seu Model não está fazendo nada além de fazer console.log então mesmo chegando resposta do banco nada voltara para o controller. app.get('/estagio/movimentacoes/cadastroSeguros', segurosRoutes.segurosGetAll); Como você pode ver em nenhum momento foi utilizado o "res"nesse método =====CONTROLLER const segurosController = require('../models/segurosModels.js'); module.exports = { segurosGetAll, } async function segurosGetAll(req, res) { console.log('Acessando Models!!!') try{ const retorno = await segurosController.getAll() console.log(JSON.stringify(retorno)) }catch (err){ console.log(err) } } =====ALTERACAO CONTROLLER const segurosController = require("../models/segurosModels.js"); module.exports = { segurosGetAll }; async function segurosGetAll(req, res) { console.log("=========SEGUROS GET ALL CONTROLLER========"); try { const retorno = await segurosController.getAll(); console.log(JSON.stringify(retorno)); res.json(retorno); } catch (err) { console.log(err); res.json({ error: true }); } } ======MODEL====== const conexao = require('../../config/conexao.js'); module.exports = { getAll, } function getAll() { m_sql = 'select * from seguros '; console.log("SQL em Model Seguros...."+'\n'+m_sql) conexao.query(m_sql); console.log("GetAll Sql retornando: ") } =====ALTERACAO MODEL======= // const client = require("../../config/conexao.js"); // const moment = require("moment"); // comentei pq nao vi nenhuma utilizacao // APENAS TEST MOCK const client = require("../config/conexao.js"); module.exports = { getAll }; async function getAll() { console.log("=========GET ALL MODEL========"); const m_sql = "select A.*, B.seg_razaosocial, B.seg_nomefantasia, C.alu_nome, D.usu_username from seguros A left join seguradora B on A.seg_codigo = B.seg_codigo left join usuarios D on A.usu_codigo = D.usu_codigo left join alunos C on A.alu_codigo = C.alu_codigo "; let retorno; try { retorno = await client.query(m_sql); } catch (error) { throw new Error(error); } return retorno; } tenta acessar essa plataforma: https://codesandbox.io/s/zealous-brahmagupta-mqhxd?file=/src/index.js

Tenta assim <script src="https://www.mercadopago.com.br/integrations/v1/web-payment-checkout.js" data-preference-id="<?php echo json_encode($preference2->id); ?>" data-elements-color="#0D55E7" data-button-label-color="#0D55E7" data-button-label="CONTINUAR" > </script>

Nada cara esses detalhes ocorrem mesmo, so que com o tempo fica mais fácil pra encontrar a issue com o tempo você acaba vendo padrões nas falhas, e aprendendo a fazer debugging com mais naturalidade. Sucesso pra você tb!

function myFunction() { // Corrija essa linha // var test = document.getElementsByClassName("entrada"); // atualmente var test = document.getElementsByClassName("entrada")[0].innerHTML; // maneira correta function getMoney( str ) {console.log(str); return parseInt( str.replace(/[\D]+/g,'') ); } function formatReal( int ) { var tmp = int+''; tmp = tmp.replace(/([0-9]{2})$/g, ",$1"); if( tmp.length > 6 ) tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2"); return tmp; } var int = getMoney( test ); document.getElementById("saida").innerHTML = (formatReal( int )); } JsBin: https://jsbin.com/dujevafuri/edit?html,js,output

cara coloca o código da tentativa aqui é muito mais assertivo: mas vai um video do Tulio do DevPleno

O que eu fiz foi criar um cenário, eu fiz uma pergunta pra você no post anterior sobre o que a query retorna, certo? Na maioria de libs Javascrip o client.post client.get retornam uma Promise, quando eu falo isso, eu digo o tipo do retorno não o conteudo em si. Então se você ver eu criei o metodo query retornando como async torna o metodo uma promise. procure ler a respeito assim vai entender e ficar mais seguro. mas basicamente você so precisaria alterar a sua variavel que está errada ja que a chamada do metodo já está com o "then()". Faça tentativas use o then na chamda do getAll e corrija o que apontei relacionado a variavel retorno. entao caso haja problema coloque a sua tentativa aqui

// Seu Cenario async function query(sql) { return {data:"sucess"}; } async function getAll() { m_sql = 'select A.*, B.seg_razaosocial, B.seg_nomefantasia, C.alu_nome, D.usu_username from seguros A left join seguradora B on A.seg_codigo = B.seg_codigo left join usuarios D on A.usu_codigo = D.usu_codigo left join alunos C on A.alu_codigo = C.alu_codigo '; console.log("SQL em Seguros...."+m_sql) console.log("-----------------------") let retorno try{ retorno = await query(m_sql); console.log("Retornando da SQL: "+retorno.data) } catch(erro) { console.log(erro) retorno = erro; } return retorno; } getAll().then((result) => { console.log('Result: ', result); }) Seu erro está sendo o seguinte você está declarando uma variavel const retorno dentro do try e retornando let retorno

mas seu metodo getAll não retorna uma promise? const retorno = await client.query(m_sql); oque retorna query? // modifica essa linha segurosController.getAll().then((result) => {

Acho que você deveria estar usando o then do promise ou o await afinal você declarou a funçao como async segurosController.getAll().then((err, result) => { if(err) { console.log("Erro: " + err) throw err; }else{ console.log("Resultado "+result)} }) // await let result = await segurosController.getAll();

HTML: <!--My option--> <div class="container-cards"> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> </div> CSS: fieldset{ width:100%; height:100%; padding: 1em; font:80%/1 sans-serif; border-radius: 10px; padding: 5px; min-height:1px; background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 15px #AAAAAA; font-size: 15px; color: #000; text-transform: uppercase; text-align: center; } div.box { width: 250px; display: inline-block; padding: 15px; min-height:1px; } /* My opinion */ body { background: #ededed; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 100%; } .box-container { /*border: 1px solid red;*/ display: flex; background: #fcfcfc; font:80%/1 sans-serif; font-size: 14px; border-radius: 5px; align-items: center; width: 280px; height: 80px; border: 1px solid #AAAAAA; margin: 10px; } .box-container .box-image { width: 25%; background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0; align-items: center; display: flex; height: 100%; justify-content: center; border-right: 1px solid #AAAAAA; } .box-container .box-image img { width: 40px; height: 40px; } .box-container .box-content { display: flex; flex-direction: column; padding: 10px; .title { margin-bottom: 10px; font-size: 14px font-weight: bold; } .description { font-size: 12px; color: #8a8686; } } JsBin: https://jsbin.com/rowuvamaxu/edit?html,css,output

o que eu faria é usar position: HTML <div class="container"> <div class="caption"> <label>CONFIGURAÇÕES</label> <p>Describe something here to make sense for user who will go read this text</p> </div> </div> CSS .container { width: 230px; height: 230px; background: purple; position: relative; overflow: hidden; } .caption { background: rgba(0,0,0,0.3); height: 100%; font-size: 18px; font-family: arial; color: #fff; position: absolute; bottom: -170px; transition: 1s; } .caption label { display: block; margin-bottom: 60px; } .caption:hover { bottom: 0; transition: 1s; } link demo: https://jsfiddle.net/wanderval/hczjgpeu/21/