2009-10-30 136 views
0

我有一個JQuery的UI日期選取器和一些UI選項卡通過AJAX顯示一些數據(在ASP.NET 1.1 ...),我想更新所有選項卡對象,當我選擇一個新的日期。JQUERY更新選項卡日期選擇器字段更改

大家可以幫我嗎?

這是我的代碼:

<script type="text/javascript"> 
function getId(){ 
    var TabSel = $('#tabs').tabs('tabsselect').val(); 
    return TabSel 
} 
function getDate(){ 
    var dataPick = $('#datepicker').val(); 
    return dataPick 
} 
$(document).ready(function() { 
     $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['it'])); 
     $("#datepicker").datepicker(
     {showOn: 'button', defaultDate: '-1w', showDefault: true, buttonImage: 'images/cal.gif', buttonImageOnly: false, 
      altField: '#alternate', altFormat: 'yymmdd'} 
     ); 

     $('#datepicker').datepicker({ 
      onSelect: function(dateText, inst) { 
       //change the tabs here. 
       $('#tabs').tabs({ 
       spinner: '<b>Caricamento in corso....</b>', 
       ajaxOptions: { data: { id: getId, seldate: getDate}} 
       }); 

      } 
      }); 
    }); 
</script> 
</HEAD> 
<body> 
    <div class="demo"> 
     <p>Data: <input type="text" id="datepicker" value="01/10/2009" ><input type="hidden" id="alternate" > 
     </p><br>  
     <div id="tabs"> 
      <ul> 
       <li> 
        <a href="Tab1.aspx" id="Tab1">Tab1</a> 
       <li> 
        <a href="Tab2.aspx" id="Tab2">Tab2</a> 
       <li> 
        <a href="Tab3.aspx" id="Tab3">Tab3</a> 
       </li> 
      </ul> 
     </div> 
    </div> <!-- End demo --> 
</body> 

非常感謝。

的Alessandro

回答

0

實現在jQuery的日期選擇器的方法ONSELECT的標籤改變。

$('#datepicker').datepicker({ 
    onSelect: function(dateText, inst) { 
     //change the tabs here. 
    } 
}); 
+0

Thanks Esk。我試過你的代碼,但我認爲我仍然犯了一些錯誤。 我已經更新我的問題的代碼.... 謝謝4你的幫助! Alessandro – rossale 2009-11-02 16:02:43

相關問題