Eu tenho um calendário muito simples do jQuery Datepicker:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
e, claro, no HTML ...
<input type="text" size="10" value="" id="date_pretty"/>
A data de hoje é bem destacada para o usuário quando ele abre o calendário, mas como faço para que o jQuery preencha previamente a caixa de texto com a data de hoje no carregamento da página, sem que o usuário faça alguma coisa? 99% das vezes, o padrão da data de hoje será o que eles desejam.
Respostas:
Atualização: há relatórios de que isso não funciona mais no Chrome.
Isso é conciso e faz o trabalho (obsoleto):
Isso é menos conciso, a utilização do encadeamento permite que ele funcione no chrome (2019-06-04):
fonte
$(".date-pick").datepicker().datepicker('setDate', new Date());
thoVocê deve PRIMEIRO chamar datepicker ()> e usar 'setDate' para obter a data atual.
OU encadeie a chamada do método setDate após a inicialização do datepicker, conforme observado em um comentário nesta resposta
Vai NÃO trabalhar com apenas
NOTA : Os parâmetros setDate aceitáveis são descritos aqui
fonte
parecia funcionar, mas pode haver uma maneira melhor lá fora ..
fonte
setDate
você também pode usar a notação relativa usual de datepicker, por exemplo, para obter o dia seguinte, basta digitar.datepicker('setDate', '+1d')
.O
setDate()
método define a data e atualiza o controle associado. Aqui está como:Demo
Conforme mencionado na documentação,
setDate()
aceita com satisfação o objeto Data, número ou uma string do JavaScript:Caso você esteja se perguntando, a configuração de
defaultDate
propriedade no construtor não atualiza o controle associado.fonte
Defina como hoje :
Definido para ontem :
E assim por diante, com qualquer número de dias antes ou depois da data de hoje .
Consulte jQuery UI ›Métodos› setDate .
fonte
$(".date-pick").datepicker("setDate", '+0');
A solução é:
Obrigado grayghost!
fonte
Este funcionou para mim.
fonte
Este código garantirá o uso do formato do seu datepicker:
Não há necessidade de reaplicar o formato, ele usa o datepicker predefinido - um por você na inicialização do datepicker (se você o tiver atribuído!);)
fonte
O código de David K Egghead funcionou perfeitamente, obrigado!
Também consegui apará-lo um pouco e também funcionou:
fonte
fonte
Para definir o selecionador de data para um determinado horário padrão (a data atual no meu caso) no carregamento, e depois ter a opção de escolher outra data, a sintaxe é:
fonte
Para preencher previamente a data, primeiro você precisa inicializar o datepicker e depois passar o valor do parâmetro setDate.
fonte
Só pensei em adicionar meus dois centavos. O seletor está sendo usado em um formulário de adição / atualização, portanto, é necessário mostrar a data proveniente do banco de dados se estiver editando um registro existente ou mostrar a data de hoje, se não estiver. Abaixo está funcionando bem para mim:
fonte
Você tem 2 opções:
OPÇÃO A) Marca como "ativo" no seu calendário, somente quando você clica na entrada.
Js :
Css :
OPÇÃO B) Entrada por padrão com hoje. Você deve preencher primeiro o datepicker.
fonte
Atribua o prettyDate ao controle necessário.
fonte
Tente isto
fonte
Isso funciona melhor para mim, pois às vezes tenho problemas para chamar,
.datepicker('setDate', new Date());
pois isso atrapalha se eu tiver o datepicker já configurado com parâmetros.fonte
Usa isto:
$(".datepicker").datepicker({ dateFormat: 'dd-M-yy' }).datepicker('setDate', new Date());
Para obter a data no formato Por exemplo: 10 de outubro de 2019, que será mais compreensível para os usuários.
fonte
Fonte: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html
fonte