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
答
实现在jQuery的日期选择器的方法ONSELECT的标签改变。
$('#datepicker').datepicker({
onSelect: function(dateText, inst) {
//change the tabs here.
}
});
Thanks Esk。我试过你的代码,但我认为我仍然犯了一些错误。 我已经更新我的问题的代码.... 谢谢4你的帮助! Alessandro – rossale 2009-11-02 16:02:43