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

  • Pergunta

  • 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", "Sex", "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));

    quinta-feira, 11 de abril de 2019 21:47

Todas as Respostas

  • Olá, ao meu ver está tudo certo, mas pra testar, coloca o script do format dentro do document ready.. tenta o código...

            $(document).ready(function () {
    


    Se ajudou, marque como resposta! Obrigado.

    sexta-feira, 12 de abril de 2019 02:58
  • Onde eu colo ou substituo nos dois códigos acima
    $(document).ready(function () {
    sexta-feira, 12 de abril de 2019 18:33