相关疑难解决方法(0)

我有一个使用JQuery UI的datepicker控件设置,我也使用JQuery UI主题,它提供了一堆我想要使用的默认图标.

DatePicker允许指定特定图像,即:

<script type="text/javascript">
  $(document).ready(function() {
    $("#DateFrom").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/ui-icon-calendar.png' });
  });
</script>  

要显示图标集中的图标,请使用以下内容:

<span class="ui-icon ui-icon-calendar"></span>

是否有一个易于集成的两个或我只需要手动破解样式/图像？

我喜欢jQueryUI datepicker可以自定义,允许按钮触发显示datepicker,但不幸的是,它不允许你自定义自己的标记.

如果我有这样的标记:

<span>
    <input type="text" class="datepicker" />
</span>
<span>
    <button class="datepicker-trigger">Open</button>
</span>

为了在单击按钮时显示日期选择器,我必须实现以下代码:

$('.datepicker').datepicker({
    showOn:'none'
});
$('.datepicker-trigger').click( function() {
    $('.datepicker').datepicker('show');
});

这是上面代码的jsFiddle:http://jsfiddle.net/P9Qmu/

这一切都很好,但我真正想做的是传递datepicker函数一个额外的参数,该参数指定一个对象或选择器,指示应该触发显示的元素.

例如,我真的希望能够这样做:

$('.datepicker').datepicker({
    showOn:'none',
    trigger:'.datepicker-trigger'
});

我知道如何扩展jQuery来添加方法和创建插件,但我不确定如何(或者是否可能)修改现有函数中允许的参数.

有谁知道我可以如何扩展$.datepicker以实现我想要做的事情或者至少指出我正确的方向？任何帮助将非常感激.