Estou usando o DatePicker da interface do usuário do jQuery UI como o seletor autônomo. Eu tenho este código:
<div id="datepicker"></div>
E o seguinte JS:
$('#datepicker').datepicker();
Quando tento retornar o valor com este código:
var date = $('#datepicker').datepicker('getDate');
Devolvi isso:
Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
Qual é o formato totalmente errado. Existe uma maneira de obtê-lo retornado no formato DD-MM-YYYY
?
jquery
jquery-ui
date
jquery-ui-datepicker
Tarnfeld
fonte
fonte
Respostas:
Aqui está um específico para o seu código:
Mais informações gerais disponíveis aqui:
fonte
yy
está me dando2015
. Como eu só consigo15
?y
. Formatação de$("#datepicker").datepicker("option", "dateFormat", "dd-mm-yy" ).val()
format: 'dd-mm-yyyy',
devem trabalhardentro do código do script jQuery, basta colar o código.
isso deve funcionar.
fonte
.selector
e#datepicker
não são os mesmos. Colar seu código literalmente não funcionaria.O
getDate
método datepicker retorna um tipo de data, não uma string.Você precisa formatar o valor retornado para uma sequência usando o formato da data. Use a
formatDate
função datepicker :A lista completa de especificadores de formato está disponível aqui .
fonte
Aqui, código completo para o selecionador de datas com formato de data (aa / mm / dd).
Copie o link abaixo e cole na tag head:
Copie o código abaixo e cole entre a tag body:
Se você desejar dois (2) tipos de entrada, digite texto como
Start Date
e, emEnd Date
seguida, use este script e altere o formato da data.Dois textos de entrada como:
fonte
fonte
getDate
A função retorna uma data JavaScript. Use o seguinte código para formatar esta data:Ele usa uma função de utilitário incorporada no datepicker:
A lista completa de especificadores de formato está disponível aqui .
fonte
$("#datepicker").datepicker("getDate")
retorna um objeto de data, não uma sequência.fonte
fonte
Tente usar o
e há muitas opções disponíveis Para o datepicker, você pode encontrá-lo aqui
É assim que chamamos o datepicker com o parâmetro
fonte
você pode simplesmente usar esse formato em sua função exatamente como
fonte
Se você precisar da data no formato aa-mm-dd, poderá usar o seguinte: -
Você pode encontrar todo o formato suportado https://jqueryui.com/datepicker/#date-formats
Eu precisava de 06 de dezembro de 2015, fiz o seguinte: -
fonte
fonte
Basta executar esta página HTML, você pode ver vários formatos.
fonte
Isso também funciona:
fonte
fonte
Isso funciona sem problemas. Tente isso.
Cole esses links na sua seção principal.
A seguir está a codificação JS.
fonte
Se você configurar um selecionador de data em um
input[type="text"]
elemento, poderá não receber uma data formatada de forma consistente, principalmente quando o usuário não seguir o formato da data para entrada de dados.Por exemplo, quando você define dateFormat como
dd-mm-yy
e os tipos de usuário1-1-1
. O datepicker converterá isso paraJan 01, 2001
internamente, mas chamarval()
o objeto datepicker retornará a string"1-1-1"
- exatamente o que está no campo de texto.Isso implica que você deve validar a entrada do usuário para garantir que a data inserida esteja no formato esperado ou não permitir que o usuário insira datas de forma livre (preferindo o seletor de calendário). Mesmo assim, é possível forçar o código do datepicker para fornecer uma string formatada como você espera:
No entanto, esteja ciente de que, embora o
getDate()
método do selecionador de data retorne uma data, ele só pode fazer muito com a entrada do usuário que não corresponde exatamente ao formato da data. Isso significa que, na ausência de validação, é possível obter uma data diferente do que o usuário espera. Advertência emptor .fonte
Estou usando o jquery para datepicker. Esses jqueries são usados para esse
Então você segue este código,
fonte
Minha opção é dada abaixo:
fonte
Finalmente, obtive a resposta para o método de alteração de data do datepicker:
fonte
Eu uso isso:
O que retorna uma data de formato como "
20120118
" paraJan 18, 2012
.fonte
O código abaixo pode ajudar a verificar se o formulário obteve mais de um campo de data:
fonte
Eu acho que a maneira correta de fazer isso seria algo como isto:
Dessa forma, verifique se a sequência de caracteres do formato é definida apenas uma vez e se utiliza o mesmo formatador para converter a sequência de caracteres de formato na data formatada.
fonte
Aqui está um snippet de data à prova do futuro pronto para uso. O Firefox usa como padrão o jquery ui datepicker. Caso contrário, o HTML5 datepicker é usado. Se o FF oferecer suporte a HTML5, digite = "date", o script será simplesmente redundante. Não se esqueça das três dependências necessárias na tag head.
fonte
você deve usar
data-date-format="yyyy-mm-dd"
o campo de entrada html e o seletor de dados inicial no JQuery da mesma maneira que simplesfonte
Você pode adicionar e tentar desta maneira:
Arquivo HTML :
Arquivo JavaScript :
fonte
Isto é o que funcionou para mim:
fonte
Então, lutei com isso e pensei que estava ficando louco, a coisa é que o datepicker de bootstrap estava sendo implementado e não o jQuery, portanto as opções eram diferentes;
fonte