第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue-bootstrap-datetimepicker 中缺少指向下個月和上個月的箭頭?

vue-bootstrap-datetimepicker 中缺少指向下個月和上個月的箭頭?

紅顏莎娜 2021-11-18 10:12:39
我正在使用這個日期選擇器,它工作正常,但似乎缺少一些 CSS。我已經(jīng)嘗試了很多建議來使這個 css 工作,但沒有運氣。這是我當(dāng)前的(相關(guān))代碼:<template>    <div class="row">        <div class="col-lg-4">            <div class="input-group">                <date-picker                        name="start-date"                        ref="startDate">                </date-picker>                <div class="input-group-prepend">                    <button class="btn btn-outline-primary" type="button" @click="$refs.startDate.dp.show()">                        <font-awesome-icon icon="calendar-alt"></font-awesome-icon>                    </button>                </div>            </div>        </div>        <div class="col-lg-4">            <div class="input-group">                <date-picker                        name="end-date"                        ref="endDate">                </date-picker>                <div class="input-group-prepend">                    <button class="btn btn-outline-primary" type="button" @click="$refs.endDate.dp.show()">                        <font-awesome-icon icon="calendar-alt"></font-awesome-icon>                    </button>                </div>            </div>        </div>    </div></template><script>    import datePicker from 'vue-bootstrap-datetimepicker';    // Import date picker css    import 'pc-bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.css';    export default {        name: "DateRange",        components: {            myDatePicker,        },        date: {            startDate: '2019-10-10',            endDate:   '2019-09-09'        }    }</script>這就是我的日期選擇器的樣子:下個月/上個月的箭頭不可見,但它們工作正常。它們應(yīng)該像庫中顯示的許多示例一樣可見。我檢查了檢查元素,它們沒有被另一個對象或任何東西覆蓋。未發(fā)現(xiàn)警告或錯誤。在嘗試了所有關(guān)于 SO 建議的所有其他問題的所有建議后,我真的沒有想法。有什么方法可以讓它們顯示出來,或者如果沒有的話,可能是自定義箭頭 CSS 但不希望走那條路。
查看完整描述

3 回答

?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗 獲得超9個贊

您可以在<script>標(biāo)簽之后添加以下內(nèi)容,這將創(chuàng)建自定義 CSS:


<style>

    i.custom-button-previous:before {

        content: "<<";

    }


    i.custom-button-next:before {

        content: ">>";

    }

</style>

這會將給定形狀的箭頭放在內(nèi)容中缺少箭頭的兩個位置



查看完整回答
反對 回復(fù) 2021-11-18
?
守著一只汪

TA貢獻(xiàn)1872條經(jīng)驗 獲得超4個贊

在文檔中,我發(fā)現(xiàn)需要 bootstrap css 來運行這個選擇器。

http://img1.sycdn.imooc.com//6195b6c600012d7c02550175.jpg

我在上面提供的代碼中看不到引導(dǎo)程序?qū)?,它?yīng)該是這樣的:

導(dǎo)入 'bootstrap/dist/css/bootstrap.css';

請嘗試導(dǎo)入此內(nèi)容或更新問題。


查看完整回答
反對 回復(fù) 2021-11-18
?
翻閱古今

TA貢獻(xiàn)1780條經(jīng)驗 獲得超5個贊

日期選擇器使用字形圖標(biāo)作為箭頭。你能檢查一下你的網(wǎng)站中是否導(dǎo)入了“glyphicons-halflings-regular.woff”文件,如果沒有包含在css下面


@font-face {

  font-family: 'Glyphicons Halflings';

  src: url('http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.woff'), url('http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.woff') format('woff');}

}


查看完整回答
反對 回復(fù) 2021-11-18
  • 3 回答
  • 0 關(guān)注
  • 209 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號