在 jQuery datepicker buttonImage 属性中引用 Bootstrap 图标？

我应该为 jQuery 日期选择器使用什么值buttonImage属性？

我想将 Bootstrap 日历图标与 jQuery 日期选择器一起使用。当像这样引用时，我可以在 html 页面中使用图标图像：

<i class=icon-calendar></i>

当我使用角度用户界面 http://angular-ui.github.com/包装纸ui-date包装 jQuery 日期选择器：

    <div class="control-group">
        <label class="control-label" for="startDate">Start Date</label>
        <div class="controls">
            <input class="span2" id="startDate" type="text"
                   data-ng-model="formModel.startDate" 
                   data-ui-date="formModel.datePickerOptions"
                   data-ng-change="formModel.setAdjustmentDate()"
                   required >
        </div>
    </div>

控制器将日期选择器选项定义为：

formModel.datePickerOptions = {
     dateFormat: 'yy-M-dd'
    ,changeMonth: true
    ,changeYear: true
    ,buttonImage: '<i class=icon-calendar></i>'
    ,buttonImageOnly: true
    ,showOn: "button"
};

我实际上应该为 ButtonImage 插入什么值？

日期选择器期望像这样的图像网址{ buttonImage: "/images/datepicker.gif" }.

我知道这是一个迟到的回复，但我发现这篇文章可以轻松地完成同样的事情：

http://jasenhk.wordpress.com/2013/03/09/jquery-datepicker-with-bootstrap-icon/ http://jasenhk.wordpress.com/2013/03/09/jquery-datepicker-with-bootstrap-icon/

和 jsFiddle 来自同一篇文章：http://jsfiddle.net/jasenhk/B2txR/ http://jsfiddle.net/jasenhk/B2txR/

作者建议使用“for”属性来匹配输入控件的id。

小提琴有一个简单的附加输入控件：

<div class="form-horizontal">
    <div class="control-group">
        <label for="date-picker-2" class="control-label">B</label>
        <div class="controls">
            <div class="input-append">
                <input id="date-picker-2" type="text" class="date-picker" />
                <label for="date-picker-2" class="add-on"><i class="icon-calendar"></i>
                </label>
            </div>
        </div>
    </div>
</div>

然后我们只需调用 datepicker 即可：

$(".date-picker").datepicker();