Postagens

Mostrando postagens de Outubro, 2016

daterangepicker pt-br

Imagem
Uma coisa muito útil que graças ao JQuery se torna muito fácil é um Datepicker.

Que nada mais é que um campo de texto que ao ser clicado, abre um calendário para podermos escolher uma data.

 1 – Passo:

Faça o download da biblioteca do JQuery na página: http://jqueryui.com/.

Após isso, vamos inserir as bibliotecas e o CSS padrão na nossa página:






1
2
3
4
5


<linkhref="css/redmond/jquery-ui.css"rel="stylesheet"/>

<scripttype="text/javascript"src="js/jquery.js"></script>
<scripttype="text/javascript"src="js/jquery-ui.js"></script>






2- Passo:

Inserir um campo de texto em nossa página HTML:






1


<inputid="datepicker"type="text"/>






3 – Passo:

Agora vem a parte importante. Iremos definir que nosso input será um datepicker e adicionar todos os parâmetros de configuração:






1
2
3
4
5
6
7
8
9
10
11
12
13
14


<scripttype="text/javascript">
$(document).ready(function(e) {
$("#datepicker").datepicker({