0

我有一个 Jquery 的 UI 日期选择器和一些通过 AJAX 显示一些数据的 UI 选项卡(在 ASP.NET 1.1 中......),当我选择一个新日期时,我想更新所有选项卡对象。

大家可以帮帮我吗??????

这是我的代码:

<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>

非常感谢。

亚历山德罗

4

1 回答 1

0

在 jQuery Datepicker 的 onSelect 方法中实现选项卡更改。

$('#datepicker').datepicker({
   onSelect: function(dateText, inst) { 
       //change the tabs here.
   }
});
于 2009-10-30T20:23:33.743 回答