Hoje me deparei com uma curiosidade: implementar um calendário no novo projeto!
São muitas as facilidades e as UI (User Interface) disponíveis para download... mas, é necessário atenção e um pouco de curiosidade!
Deixamos de lado a conversa e vamos ao que interessa!
Como usar o Datapicker - Jquery Ui
Usando o netbeans como IDE para desenvolvimento Web, fica muito simples!
Não vou entrar em muitos detalhes como implementar pois deixarei um link aqui deste exemplo para download.
Ao baixar o Jquery Datapicker, o mesmo vem em inglês, no próprio site tem diversos themas legais, basta apenas escolher aquele que mais lhe agrada! O tema usado neste exemplo fora o smoothness!
Dentro do arquivo baixado, após descompactado, haverá 03 pastas e uma index, será necessário apenas duas pastas, a "css" e a "js".
Basta agora apenas copiá-las e colar no Netbeans, no diretório "Páginas Web" .
Feito isso, basta apenas colocar no seu código os seguintes parâmetros:
Importar os scripts jquery-1.5.1.min.js e o jquery-ui-1.8.14.custom.min.js e importar o css referente ao tema, cujo é o mais importante para estilizar o calendário.
jquery-ui-1.8.14.custom.css
Os dias e os meses estão em português pois foram alterados no arquivos js.
Não detalharei os códigos, basta apenas um pouquinho de curiosidade que sai bastante coisa legal.
Simples não?
É isso amigos, estou disponibilizando esse exemplo em rar, basta apenas importá-lo no netbeans e testá-lo.
O link para download é: http://www.megaupload.com/?d=8ZZ3N4BL
E a UI Jquery para download é: http://jqueryui.com/download
Grande abraços a todos,
xerif3.
Nenhum comentário:
Postar um comentário