Skip to main content
Tweeted twitter.com/StackOverflowPT/status/1582929612572872705
Pergunta protegida por hkotsubo
Pergunta reaberta por MagicHat, Sorack, user28595, Tiago S, bfavaretto
ajustado click
Fonte Link
Sorack
  • 26,5mil
  • 6
  • 43
  • 96

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

$(function() {
  $('#datepicker').datepicker({dateFormat: 'dd/mm/yy'});
  $('#btnFormatar').click(formatar);
});

function formatar() {
  var data = $('#datepicker').datepicker('getDate');
  var extenso;
  
  // Lógica para formatar a data
  extenso = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
  console.log(data);

  $('#lblDataExtenso').html(extenso);
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Data: <input type="text" id="datepicker"></p>
<p><button onclick="formatar()">Formatar<id="btnFormatar">Formatar</button>
<p><label id="lblDataExtenso">???</label></p>

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

$(function() {
  $('#datepicker').datepicker({dateFormat: 'dd/mm/yy'});
});

function formatar() {
  var data = $('#datepicker').datepicker('getDate');
  var extenso;
  
  // Lógica para formatar a data
  extenso = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
  console.log(data);

  $('#lblDataExtenso').html(extenso);
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Data: <input type="text" id="datepicker"></p>
<p><button onclick="formatar()">Formatar</button>
<p><label id="lblDataExtenso">???</label></p>

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

$(function() {
  $('#datepicker').datepicker({dateFormat: 'dd/mm/yy'});
  $('#btnFormatar').click(formatar);
});

function formatar() {
  var data = $('#datepicker').datepicker('getDate');
  var extenso;
  
  // Lógica para formatar a data
  extenso = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
  console.log(data);

  $('#lblDataExtenso').html(extenso);
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Data: <input type="text" id="datepicker"></p>
<p><button id="btnFormatar">Formatar</button>
<p><label id="lblDataExtenso">???</label></p>

ajustada lógica
Fonte Link
Sorack
  • 26,5mil
  • 6
  • 43
  • 96

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

$(function() {
  $('#datepicker').datepicker({dateFormat: 'dd/mm/yy'});
});

function formatar(data) {
  var labeldata = document$('#datepicker').getElementByIddatepicker('lblDataExtenso''getDate');
  var extenso;
  
  // Lógica para formatar a data
 
  label.innerHTMLextenso = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
}  console.log(data);

formatar(new Date $('#lblDataExtenso').html(extenso);
}
<label<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Data: <input type="text" id="datepicker"></p>
<p><button onclick="formatar()">Formatar</button>
<p><label id="lblDataExtenso">???</label>label></p>

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

function formatar(data) {
  var label = document.getElementById('lblDataExtenso');

  // Lógica para formatar a data
 
  label.innerHTML = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
}

formatar(new Date());
<label id="lblDataExtenso">???</label>

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

$(function() {
  $('#datepicker').datepicker({dateFormat: 'dd/mm/yy'});
});

function formatar() {
  var data = $('#datepicker').datepicker('getDate');
  var extenso;
  
  // Lógica para formatar a data
  extenso = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
  console.log(data);

  $('#lblDataExtenso').html(extenso);
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Data: <input type="text" id="datepicker"></p>
<p><button onclick="formatar()">Formatar</button>
<p><label id="lblDataExtenso">???</label></p>

melhoria no formato da pergunta
Fonte Link
Sorack
  • 26,5mil
  • 6
  • 43
  • 96

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

function formatar(data) {
  var label = document.getElementById('lblDataExtenso');

  // Lógica para formatar a data

  label.innerHTML = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
}

formatar(new Date());
<label id="lblDataExtenso">???</label>

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

Como converter um Date para a data por extenso? Gostaria de mostrar a data de hoje no seguinte formato:

Quinta-feira, 20 de Julho de 2017

O código de exemplo que gostaria de completar para obter o resultado acima em um label está exemplificado abaixo, precisando alterar a região do comentário para a lógica de obtenção da data.

function formatar(data) {
  var label = document.getElementById('lblDataExtenso');

  // Lógica para formatar a data

  label.innerHTML = '*DIA DA SEMANA*, *DIA DO MÊS* de *MÊS* de *ANO*';
}

formatar(new Date());
<label id="lblDataExtenso">???</label>

Pergunta fechada como "Muito ampla" por Maniero
Fonte Link
Sorack
  • 26,5mil
  • 6
  • 43
  • 96
Carregando