[英]How to add Bootstrap Date Picker as Ember Component
我最努力的事情之一就是將現有庫添加到我的Ember項目中。 我目前正在嘗試將Bootstrap日期選擇器添加為Ember組件,但無法使其正常運行。
我已將Bootstrap JS文件添加到我的Vendor文件夾中,並將以下內容添加到ember-cli-build中:
app.import('vendor/datepicker/bootstrap-datepicker.min.js');
然后,我創建了一個名為date_picker的組件容器。 該組件的模板如下:
<div class="input-group date" data-provide="datepicker" data-date-format="dd/mm/yyyy">
<input type="text" class="form-control">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
該組件的JS文件當前為:
import Component from '@ember/component';
export default Component.extend({
addDate(){
$('.datepicker').datepicker({
format: 'dd/mm/yyyy',
startDate: '-3d',
autoclose: true
});
}
});
該組件在主模板中使用{{date-picker}}
調用。 上面的方法確實在屏幕上呈現了一個日期選擇器,但是其行為不正確。 例如,它不會自動關閉,並且在格式正確的同時,它不會循環顯示幾個月,也不會始終在單擊按鈕時選擇正確的日期。
將它集成到Ember項目中,我錯過了什么步驟嗎?
您是否考慮過使用現有的插件? https://github.com/soulim/ember-cli-bootstrap-datepicker
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.