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