2009-06-18 5 views
0

Я хочу использовать дампинг jquery UI для запуска POST, который затем будет загружать информацию с даты, выбранной на datepicker из моей базы данных.jQuery Datepicker to Trigger a POST

, так что я думаю, что это две части вопроса

есть способ я могу сделать это так, дата DatePicker, при выборе, просто получает передается в POST, так что кто-то будет нажать на 1 января 2010 года и он автоматически перейдет на mysite.com?date=01012010 или что-то в этом роде так, как сейчас, датапикер просто обновляет текстовое поле с датой, поэтому при нажатии на jan 1 2010 текстовое поле заполняется 01-01 -2010

, который приносит мне часть 2 , если нет способа сделать то, что я спросил в части 1, есть ли метод, который вызывает событие в обновляемом текстовом поле, таким образом я мог бы просто сделать

onTextUpdate {

перенаправлять к - mysite.com?date=$whateverIsInTextBox

}

или что-то подобное

пожалуйста, дайте мне знать, если у вас есть какие-либо решения или идеи чтобы сделать это, спасибо большое

+0

Пожалуйста, пожалуйста, не делайте этого. Я * на самом деле * ненавижу это, когда люди делают сообщение на что-то столь же нерешительно, как датапикер. –

+1

@lainMH правильно, это не хорошая перспектива юзабилити для публикации при выборе данных, что, если пользователь выбрал неверную дату и хочет ее изменить – Rony

ответ

5

Вы могли бы сделать что-то вроде этого, если вы не хотите использовать Ajax:

$("#datepicker").datepicker({ 

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

И если вы делаете:

$("#datepicker").datepicker({ 

    onSelect: function(date, instance) { 

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

Вам не хватает запятой позади даты! – JochemQuery

0

использовать событие OnSelect для выбора даты

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

вы можете попробовать другие события управления Datepicker на основе ваших требований

0

Есть целый ряд событий, прикрепленных к Datepicker виджета JQuery; onSelect должен охватывать точку # 1 выше:

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

В вашем случае, вы можете использовать функции $ .get или $ .POST передать данные на сервер.