5

buttonImagejQueryのdatepicker属性にどの値を使用する必要がありますか？

jQueryのdatepickerでBootstrapカレンダーアイコンを使用したいと思います。次のように参照すると、htmlページのアイコン画像を使用できます。

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

angle -uiラッパーを使用してui-datejQuerydatepickerをラップする場合：

    <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に実際に挿入する値は何ですか？

datepickerは、このような画像URLを期待してい{ buttonImage: "/images/datepicker.gif" }ます。

4

3 に答える 3

7

あなたがしていることについては、buttonImage 属性をいじるのではなく、アイコン マークアップを buttonText 値に入れることをお勧めします。

.value('ui.config', {
    date: {
        dateFormat : 'mm-dd-yy',
        minDate    : '+1d',
        showOn     : 'button',
        buttonText : '<i class="icon-calendar"></i>'
    }
})
于 2013-03-28T22:41:42.307 に答える
0

次の方法でアイコンを配置し、jquery を割り当てることができます。

jsfiddle Jsfiddle 日付ピッカー

<div data-date-format="dd-mm-yyyy" data-date="19-02-2013" id="datepick"class="input-append date">
<input type="text" readonly="" value="19-02-2013" size="16" class="span2">  
    <span class="add-on"><i class="icon-calendar"></i></span>


<div class="control-group">
<label class="control-label" for="inputDatepicker">Datepicker</label>
<div class="controls">
    <div class="input-prepend">
        <button class="btn" type="button" id="datepick"><i class="icon-calendar"></i>
        </button>
        <input class="span2" id="appendedInputButton" type="text">
    </div>
</div>

于 2013-02-19T04:37:29.120 に答える