2010-09-19 7 views
2

J'essaie d'obtenir un sélecteur de date de travail et je suis vraiment aux prises avec mes connaissances limitées javascript. Je me suis basé sur this tutorial.JQuery Datepicker ne fonctionne pas

J'ai le code suivant:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="scripts/date.js"></script>  
<script type="text/javascript" src="scripts/jquery.datePicker.js"></script>  
<script type="text/javascript" charset="utf-8">  
$(function()  
{  
    $('.date-pick').datePicker().val(new Date().asString()).trigger('change'); 
});  
</script> 

...

<input name="oDate" id="oDate" class="date-pick" /> 

Toutes les suggestions seraient très appréciés.

+0

peut vous envoyer le code html ainsi –

+0

ce que vous essayez de faire ? quelle est la solution? – leora

+0

Cela fait apparaître un peu à côté de la boîte de saisie en disant "Choisir la date", mais quand je clique, rien ne se passe. –

Répondre

4

je vous suggère take a look at the regular jquery ui datepicker d'obtenir une norme de la boîte datepicker de travail. Commencez par utiliser simplement le code exact que vous voyez ici, puis modifiez (étape par étape) si nécessaire. Il y a des tonnes d'exemple pour tous les différents cas d'utilisation et une bonne documentation

+0

Merci, je vais essayer de cette façon, je ne peux rien obtenir en utilisant le Kelvin Luck. Même si sa copie copié hors du tutoriel! –

+1

@ user368186 - pas d'upvote ?? :) – leora

0

J'espère que vous avez une étiquette input comme si dans votre code HTML body:

<input name="date" id="date" class="date-pick" /> 
+0

Désolé, j'ai manqué ça de mon post. Modification pour inclure ceci. –

+0

L'avez-vous inclus dans un '

'? – petsagouris

+1

Et assurez-vous également que vous avez inclus l'attribut 'id' avec le même nom que l'attribut' name'. – petsagouris

2

j'ai essayé ci-dessous la configuration et cela fonctionne très bien sur mon hôte local -

Browser Testé - Mozilla Firefox version 3.6.10

Je Le paquet xampp est installé.

J'inclus le fichier html que je l'ai utilisé pour les tests -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="date.js"></script> 
<script type="text/javascript" src="jquery.datePicker.js"></script> 
<LINK REL=StyleSheet HREF="datePicker.css" TYPE="text/css" MEDIA=screen>  
<script type="text/javascript" charset="utf-8">  
$(function()  
{  
    $('.date-pick').datePicker().val(new Date().asString()).trigger('change'); 
    //$('.date-pick').dpSetEndDate('01/01/2010'); 
});  
</script> 

</head> 
<body> 
<input name="oDate" id="oDate" class="date-pick" /> 
</body> 
</html> 
+0

Cela ne fonctionne pas pour moi. Cela signifie-t-il que c'est un problème de configuration? si oui, que dois-je vérifier est correctement configuré? –

+0

vous testez sur quel système d'exploitation et quel navigateur? – Alpesh

+0

J'utilise debian et j'ai testé avec firefox, iceweasel et chrome et ne recevant rien à chaque fois. –

0

S'il vous plaît vérifier si le script java navigateur est désactivée

+0

N'a plus ce code.A été fixé en utilisant jquery ui datepicker à l'origine, mais maintenant nous utilisons

Questions connexes