I'm following the documentation but I can not change the format for the BR standard, here's my code below:
Loading css files. and .js in my template:
<!-- DATAPICKER -->
<link href=' <?php echo base_url('assets/plugins/datepicker/datepicker3.css'); ?>' rel='stylesheet' />
<script type="text/javascript" src='<?php echo base_url('assets/plugins/datepicker/bootstrap-datepicker.js'); ?>'>
</script>
<script type="text/javascript" src='<?php echo base_url('assets/plugins/datepicker/locales/bootstrap-datepicker.pt-BR.js'); ?>'>
</script>
view where to generate the datapicker in br format:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
$(function(){
$("#produto").autocomplete({
source: "produtos/get_produto", // path to the method
appendTo: $("#new_orcamento")
});
});
</script>
<script type="text/javascript">
$(function(){
$("#cliente").autocomplete({
source: "clientes/get_cliente", // path to the method
appendTo: $("#new_orcamento")
});
});
</script>
<script type="text/javascript">
$(function(){
$('#search').datepicker({
dateFormat: "yy-mm-dd",
language: 'pt-BR'
});
});
</script>
</head>
<body>
<form action="/sistema/orcamentos/pesquisar1" method="post">
<div class="row">
<div class="col-sm-3">
<div lass="form-group">
<input name="search1" class="form-control" id="search" type="text"
placeholder="Filtrar Cliente" value="<?php echo $view_termo1??null ;?>">
<span class="input-group-btn"> </span>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input name="search2" class="form-control" id="search" type="text"
placeholder="Filtrar Produto" value="<?php echo $view_termo2??null ;?>">
<span class="input-group-btn"></span>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input name="search3" class="form-control" id="search" type="text"
placeholder="Filtrar Situação" value="<?php echo $view_termo3??null ;?>">
<span class="input-group-btn"> </span>
</div>
</div>
<div class="col-sm-1">
<button class="btn btn-primary " type="submit">Filtrar</button>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div lass="form-group">
<input name="search4" class="form-control" id="search" type="text"
placeholder="Filtrar Representante" value="<?php echo $view_termo4??null ;?>">
<span class="input-group-btn"> </span>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<div class="input-group date" data-provide="datepicker">
<input type="text" class="form-control" id="search" name="search5"
placeholder="Data Inicio" value="<?php echo $view_termo5??null ;?>">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<div class="input-group date" data-provide="datepicker">
<input type="text" class="form-control" id="search" name="search6"
placeholder="Data Fim" value="<?php echo $view_termo5??null ;?>">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<a data-toggle="modal" data-target="#new_orcamento" class="btn btn-primary ">Novo Orçamento</a>
</div>
</div>
</form>
I've already changed the dateFormat
to yy/mm/dd
which is what I want but still when I use the datepicker it shows the date in the default format mm/dd/yyyy