【前端UI】jQuery easyui源码赏析

// 假设我们有一个jQuery EasyUI的日历（calendar）控件的HTML代码如下：
// <div class="easyui-calendar" style="width:180px;height:180px"></div>
 
// 我们可以使用jQuery EasyUI的API来获取和设置日历的选中日期：
$(document).ready(function(){
    // 获取选中的日期
    var selectedDate = $('#your-calendar').calendar('getDate');
    console.log('Selected Date:', selectedDate);
 
    // 设置日历的选中日期
    $('#your-calendar').calendar({
        onSelect: function(date){
            console.log('Selected Date:', date);
        }
    });
    $('#your-calendar').calendar('setDate', new Date()); // 设置为当前日期
});
 
// 注意：'#your-calendar' 是日历控件的ID，你需要根据实际情况替换为正确的ID。

这段代码演示了如何使用jQuery EasyUI的日历控件的API方法来获取和设置日历的选中日期。通过getDate方法获取当前选中的日期，并通过setDate方法设置新的日期。同时，你可以为onSelect事件指定一个回调函数，该函数会在用户选择一个新日期时被调用，并会接收到选中的日期作为参数。