Jump to content
Rafael_Ferreira

Datetimepicker do Bootstrap fica português só testando com o Wampserver ao passar para um domínio fica em inglês.

Recommended Posts

Datetimepicker do Bootstrap fica português só fora da internet testando no Wampserver passando para um domínio o datetimepicker funciona só que fica em inglês.

Código:

 

<!DOCTYPE html>

<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

        <link href="css/bootstrap-combined.min.css" rel="stylesheet"/>
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>


<script src="js/bootstrap-datetimepicker.min.js"></script> 
<script src="js/bootstrap-datetimepicker.pt-BR"></script>
<body>
</head>
<div class="container">
<div class="row justify-content-center">
<table class="table">
<thead>

<th>&nbsp;ID_Cliente</th>
<th>Preço</th>

<th>Quantidade</th>
<th>Total dos Serviços</th>
<th>Forma de Pagamento</th>
<th>Data</th>
<th Colspan="9">Ação

</th>
</thead>

<button type="button" class="btn btn-dark">Cliente</button>
<button type="button" class="btn btn-secondary">Caixa</button>
<button type="button" class="btn btn-primary">Relatorio1</button>
<button type="button" class="btn btn-success">Relatorio2</button>

<tbody>
  <tr>
      <td>&nbsp;1</td>
      <td>148,00</td>
  <td>1,0</td>
  <td>188,0</td>
  <td>Dinheiro a vista</td>
  <td>2011-08-19-13:45:00</td>


<td>
<button type="button" class="btn btn-info">Edit</button>
<button type="button" class="btn btn-danger">Delete</button>
</td>   
</tr>
<tr>
      <td>&nbsp;2</td>
      <td>308,00</td>
  <td>1,0</td>
  <td>399,23</td>
  <td>Débito no cartão</td>
  <td>2011-08-20-22:45:00</td>
<td>
<button type="button" class="btn btn-info">Edit</button>
<button type="button" class="btn btn-danger">Delete</button>
</td>   
</tr>


</table>
</div>

<BR>
<BR>
<BR>





<div class="row justify-content-center">
<form action="" method="POST">
<div class="form-group row">
<div class="col-xs-8">
<div class="input-group mb-3">
  <div class="input-group-prepend">
    <label class="input-group-text" for="inputGroupSelect01">Serviços</label>
  </div>
  <select class="custom-select" id="inputGroupSelect01">
    <option selected>Escolha</option>
    <option value="1">Corte</option>
    <option value="2">Hidratação</option>
    <option value="3">Coloração</option>
<option value="4">Relaxamento</option>
<option value="5">Progressiva</option>
<option value="6">Escova</option>
  </select>
</div>
</div>
</div>

<div class="form-group row">
<div class="col-xs-8">
 <label for="cod">ID_Cliente:</label>
 <input type="text" class="form-control" id="cod" aria-describedby="name" placeholder="">
</div>
</div>
<div class="form-group row">
<div class="col-xs-8">
 <label for="preco">Preço:</label>
 <input type="text" class="form-control" id="preco" aria-describedby="name" placeholder="">
</div>
</div>


<div class="form-group row">
<div class="col-xs-8">
<label for="Quantidade">Quantidade:</label>
 <input type="text" class="form-control" id="quantidade" aria-describedby="quantidade" placeholder="">
</div>
</div>
<div class="form-group row">
<div class="col-xs-8">
<label for="totaldeserv">Total dos Serviços:</label>
 <input type="text" class="form-control" id="totaldeserv" aria-describedby="totaldeserv" placeholder="">
</div>
</div>
<div class="form-group row">
<div class="col-xs-8">
<div class="input-group mb-3">
  <div class="input-group-prepend">
    <label class="input-group-text" for="inputGroupSelect01">Forma de Pagamento:</label>
  </div>
  <select class="custom-select" id="inputGroupSelect01">
    <option selected>Escolha</option>
    <option value="1">Cartão de crédito</option>
    <option value="2">Cartão de débito</option>
    <option value="3">Dinheiro</option>

  </select>
</div>
</div>
</div>

<div id="datetimepicker" class="input-append date">
      <label for="totaldeserv">Data_Horário</label>
  <input type="text"></input>
      <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
      </span>
</div>

<div class="form-group row">
<div class="col-xs-8">
<button type="submit" name="save" class="btn btn-primary">Salvar</button> 
</div>
</div>
</div>
</form>
</div>
</div>

    <script type="text/javascript">
      $('#datetimepicker').datetimepicker({
        format: 'dd/MM/yyyy hh:mm:ss',
        language: 'pt-BR'
      });
    </script>
</body>
</html>

----------------------------------------------------------------------------------------------

/**
 * Brazilian translation for bootstrap-datetimepicker
 * Cauan Cabral <cauan@radig.com.br>
 */
;(function($){
$.fn.datetimepicker.dates['pt-BR'] = {
days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],
daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "---", "Sáb", "Dom"],
daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],
months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
today: "Hoje"
};
}(jQuery));

Share this post


Link to post
Share on other sites

@Rafael_Ferreira

 

Na escrita do include do datapicker está faltando a extensão .js

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By proflupin
      criei uma página que busca alguns dados no BD e retornar em forma de collapse. Como existe um WHILE executando o collapse, ele sempre o executa com o mesmo ID, ou seja, se eu tiver 20 collapse, todos vão ser abertos ao clicar no primeiro.
      A dúvida é, como eu posso criar um novo ID para o collapse a cada loop do While?
      Código:
       
      <?php while($result_inners = mysqli_fetch_object($result_inner)){ ?> <div class="card-footer "> <a class="text-muted" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapseExample"> <i class="fas fa-comment-alt"></i> <?php if(!empty($result_inners->nome_completo)) echo $result_inners->nome_completo . " respondeu..."; else echo "Aguardando resposta do técnico." ?> </a> <div class="collapse " id="collapse1"> <div class="bg-white mt-2 p-2"> <?php echo nl2br($result_inners->mensagem) ?> </div> <span style="color: #6c757d; float: right;"><?php echo date('d/m/Y H:i', strtotime($result_inners->data_hora)) ?></span> </div> </div> <?php } ?>  
    • By Lucas Trindade
      Boa noite galera!
       
      Estou desenvolvendo um site em Bootstrap e surgiu uma dúvida afinal nunca desenvolvi um layout desta forma.
       
      Na foto anexada os 3 cards estão deslocados para baixo do container e isto faz com que a seção seguinte dos cards fique em cima deles por conta deste deslocamento.
       
      Não sei se fui bem claro mas, como eu arrumaria isso? 
       
      Preciso desenvolver este site para enviar para uma empresa. Alguém poderia me ajudar? Se for necessário envio o arquivo com o site inteiro.Obrigado
    • By joicitias
      Olá, 
      Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o  conteúdo selecionado de um select seja copiado para uma textarea. 
       
       

    • By teusinhorossi
      Fala galera boa noite! Sou iniciante no HTML e CSS e tô aprendendo sozinho. Acontece que, to criando um site meu pra aprender e ver se consigo usar ele como um "curriculo".

      O problema é que agora que estou modelando ele para celular, a maldita barra do eixo y da tela não desaparece.
       
      Sei que talvez seja um erro bobo, mas estou há umas 3h e não consigo achar meu problema.
       
      Na primeira screenshot a tela, e na segunda o resto cinza que fica. O body do site está na cor cinza, mas quando começo a editar as coisas dentro do @media e tento mudar o tamanho dele por lá ou qualquer outra coisa não estou conseguindo... Desde já abraços e boa notie!
       


×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.