JQUERY更新选项卡日期选择器字段更改

我有一个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

来源

2009-10-30 rossale

实现在jQuery的日期选择器的方法ONSELECT的标签改变。

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

来源

2009-10-30 20:23:33 Esk

Thanks Esk。我试过你的代码，但我认为我仍然犯了一些错误。我已经更新我的问题的代码.... 谢谢4你的帮助！ Alessandro – rossale 2009-11-02 16:02:43

JQUERY更新选项卡日期选择器字段更改

回答

相关问题