2009-06-18 64 views
0

我想使用jQuery UI的datepicker來觸發一個POST,然後加載信息從我的數據庫中的datepicker上挑選的日期。jQuery Datepicker觸發POST

,所以我想這是一個問題兩個部分

有沒有辦法可以讓它所以日期選擇日期,選擇時,就被傳遞到POST,所以有人會點擊2010年1月1日和它會自動去mysite.com?date = 01012010或類似的東西 現在的日期選擇器只是用日期更新文本框,所以點擊2010年1月1日,文本框中填入01-01 -2010

它將我帶入第2部分 如果無法做到我在第1部分中提到的問題,是否有方法觸發正在更新的文本框上的事件,這樣我就可以做

onTextUpdate {

重定向 - mysite.com?date=$whateverIsInTextBox

}

或類似的東西

請讓我知道,如果您有任何解決方案或想法要做到這一點,非常感謝

+0

請請不要這樣做。我真的很討厭人們在日期選擇器上做一個像日期選擇器那樣的瑣事。 – 2009-06-18 19:01:25

+1

@lainMH是正確的是不是從良好的可用性的角度來發布數據選擇,如果用戶選擇了錯誤的日期並希望改變它,該怎麼辦 – Rony 2009-06-18 19:10:48

回答

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

使用日期選取器的OnSelect事件

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

你可以嘗試根據您的需要

0

有許多附加到jQuery的日期選擇控件事件的日期選擇器控制的其他活動; ONSELECT應包括上述點#1:

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

在你的情況,你可以使用$不用彷徨或$ .POST功能將數據傳遞到服務器。

相關問題