Tasto Calendario in Jquery


1 dicembre 2010 4 Commenti javascript, jquery

Chissà quanti ti voi avranno sudato per la realizzazione di un modulo per prenotazioni online, alla creazione del tasto “seleziona data di partenza”.

Ecco, ultimamente per motivi lavorativi, ho cercato moduli del genere in jquery e ne ho trovato uno molto interessante: Datepicker di jqueryui.

E’ molto veloce e intuitivo, c’è la possibilità di tradulo pure in italiano e di cambiare il formato di visualizzazione della data selezionata.

Questa è la sintassi per utilizzarlo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
<head>
<title>Calendario in Jquery - Datepicker</title>

<link rel="stylesheet" href="css/jquery-ui-1.7.2.custom.css" type="text/css" />

<script src="jquery.min.js"></script>

<script src="jquery-ui-1.7.2.custom.min.js" ></script>

<script src="ui.datepicker-it.js" ></script>

<script type="text/javascript">

$(function() {

$(".data:input").datepicker($.datepicker.regional['it']);

});

</script>

<style>
html, body {

font: Normal 12px Arial;

text-align: center;
}

</style>


</head>
<body>


<input type="text" id="datepicker" class="data">


</body>
</html>

Qua potete trovare un esempio oppure potete scaricarlo da qui :) . Spero di essere stato d’aiuto . Alla prossima ;)



Potresti trovare interessante anche

form_jquery_php 107 116 lavalamp_menu_jquery
Pubblicato in javascript, jquery |


Iscriviti alla newsletter

Vuoi ricevere ogni articolo che pubblico direttamente sulla tua mail ? Vuoi evitare di perdere qualsiasi articolo pubblico ? Registrati alla mia newsletter in un click.

Inserisci il tuo indirizzo mail:

4 commenti per Tasto Calendario in Jquery


marco

1 dicembre 2010 alle 11:54

Utile ;)


Bunz

10 novembre 2011 alle 18:33

lo script non è completo
mancano le icone per lo spostamento dei mesi
non sono riuscito a trovare lo stesso script completo sul web
in ogni caso un calendario O.K.!


Bunz

10 novembre 2011 alle 18:34

ps: se si ha lo script completo
è possibile postarlo?

@Bunz Lo script è completo manca una cartella con al suo interno l’immagine.

Il percorso che devi creare è: css/images/

Mentre l’immagine la trovi qui :D

Lascia un Commento