2009-06-18 6 views
0

Je souhaite utiliser le convertisseur de date de l'interface utilisateur de jquery pour déclencher un POST qui chargerait ensuite les informations de la date sélectionnée sur le programme datepicker de ma base de données.jQuery Datepicker pour déclencher un POST

donc je suppose que cela est une question en deux parties

est-il un moyen que je peux le faire de sorte que la date de datepicker, lorsqu'elle est sélectionnée, tout se passe dans un POST, si quelqu'un cliquez sur le 1 janvier 2010 et il irait automatiquement à mysite.com? date = 01012010 ou quelque chose comme ça la façon dont il est maintenant le datepicker met juste à jour une zone de texte avec la date, donc en cliquant sur Janvier 1 2010, la zone de texte est rempli avec 01-01 Ce qui m'amène à la partie 2 s'il n'y a aucun moyen de faire ce que j'ai demandé dans la partie 1, y at-il une méthode qui déclenche un événement sur la boîte de texte en cours de mise à jour, de cette façon je pourrais juste faire

onTextUpdate {

à redirect - mysite.com?date=$whateverIsInTextBox

}

ou quelque chose comme ça

s'il vous plaît laissez-moi savoir si vous avez des idées ou des solutions pour ce faire, merci beaucoup

+0

S'il vous plaît s'il vous plaît ne le faites pas. Je déteste vraiment * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * "" "" "" "" "" "". –

+1

@lainMH est correct n'est pas d'une bonne perspective de convivialité de poster sur une sélection de données, si l'utilisateur a choisi une mauvaise date et souhaite le changer – Rony

Répondre

5

Vous pourriez faire quelque chose comme ça si vous ne voulez pas utiliser ajax:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 
      window.location = "www.example.com/?date="+date; 
    } 
}); 

Et si vous le faites:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

     $.ajax 
     ({ 
      type: "GET", 
      url: "www.example.com", 
      data: "date="+date, 
      success: function(result) 
      { 
       //do something 
      } 
     }); 
    } 
}); 
+0

Vous avez manqué une virgule derrière la date! – JochemQuery

0

utilisez l'événement OnSelect du sélecteur de date

$('id').datepicker({ 
    onSelect: function(dateText, ins) { ... } 
}); 

vous pouvez essayer d'autres événements du contrôle datepicker en fonction de vos besoins

0

Il y a un certain nombre d'événements reliés au widget datepicker jQuery; onSelect devrait couvrir le point 1 ci-dessus:

$('.selector').datepicker({ 
    onSelect: function(dateText, inst) { ... } 
}); 

Dans votre cas, vous pouvez utiliser les .get $ ou $ .post fonctions pour transmettre les données au serveur.