ti-enxame.com

como mostrar o calendário na caixa de texto, clique em html

Em html, quero mostrar calendário para selecionar a data enquanto clicando em uma caixa de texto. então selecionamos uma data desse calendário e a selecionada data será ser exibido em that caixa de texto.

13
Vinoth

Começando com HTML5, <input type="date" /> funcionará perfeitamente.

Demonstração: http://jsfiddle.net/8N6KH/

20
Silviu Burcea

Você deve ler em jQueryUI Datepicker

Depois de incluir a biblioteca relevante da UI do jQuery, é tão simples quanto,

Script:

$(function() {
    $( "#datepicker" ).datepicker();
});

HTML:

<input type="text" id="datepicker" />

Prós:

  • ele é completamente testado quanto à compatibilidade com o navegador x, para que você não tenha problemas.
  • Arquivo css separado, para que você possa personalizá-lo conforme sua preferência
5
ta-run

tente usar jquery-ui

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

<script>   
    $(function() {
         $( "#calendar" ).datepicker();   
    }); 
</script>

<p>Calendar: <input type="text" id="calendar" /></p>

mais

3
D.clixer

sim, você encontrará vários problemas usando o datepicker HTML5, ele funcionaria com alguns ou pode não ser. Eu enfrentei o mesmo problema. Por favor, verifique isto DatePicker Demo , resolvi meu problema com este plugin. Seu plugin datepicker muito bom e flexível, com demonstração completa. Também é totalmente compatível com navegadores móveis e também pode ser integrado ao jquery mobile.

1
ajitksharma

O que você precisa é de um jQuery UI Datepicker

Confira o demo e o código fonte.

1
Victor

Você precisará usar qualquer widget de calendário javascript html.

tente isso widget de exibição de calendário , basta copiar e colar algum código mostrado no exemplo e é isso que você deseja.

Aqui está o link para a caixa de data do Jquery Mobile - data do JQM

1
Maulik Vora

Selecionador de data HTML Você pode consultar this .

0
nikinup

o jQuery Mobile também possui um datepicker. Origem

Basta incluir os seguintes arquivos,

  <script src="jQuery.ui.datepicker.js"></script>
  <script src="jquery.ui.datepicker.mobile.js"></script>
0
Starx