0

Tenho um website feito em MVC e tenho um datepicker, quero o formato de data de Portugal (dd-mm-yyyy), funciona quando tenho o google chrome browser em portugues mas quando o coloco em Inglish (USA) ele muda para mm-dd-yyyy e eu não quero isso.

<input id="dateRangeF2" name="dateRangeF2" type="date" value="">

3
  • plz mude sua pergunta em portugues
    – Bulfaitelo
    20/02/2019 às 11:03
  • Tenho um website feito em MVC e tenho um datepicker, quero o formato de data de Portugal (dd-mm-yyyy), funciona quando tenho o google chrome browser em portugues mas quando o coloco em Inglish (USA) ele muda para mm-dd-yyyy e eu não quero isso. 20/02/2019 às 11:04
  • Sim, edita a sua edita a sua pergunta pra pt-br, se não ela pode ser fechada
    – Bulfaitelo
    20/02/2019 às 11:07

1 Resposta 1

0

Bom dia, você pode usar o Moment JS para formatar a data e cada alteração. Ex:

$("input").on("change", function() {
    this.setAttribute(
        "data-date",
        moment(this.value, "YYYY-MM-DD")
        .format( this.getAttribute("data-date-format") )
    )
}).trigger("change")
input {
    position: relative;
    width: 150px; height: 20px;
    color: white;
}

input:before {
    position: absolute;
    top: 3px; left: 3px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}

input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: black;
    opacity: 1;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="date" data-date="" data-date-format="DD-MM-YYYY" value="2019-02-20">

1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .