我為我的專案使用 Angular 13、Bootstrap 5 和 ngx-bootstrap-fix-datepicker 版本 5。
"bootstrap": "^5.1.3",
"ngx-bootstrap": "^8.0.0",
"ngx-bootstrap-fix-datepicker": "^5.6.8",
我的問題：我想把日歷放在右邊并縮小視窗。你認為有可能嗎？因為我不知道。
datePicker - 影像
<div class="row row-cols-3 pt-3">
<div class="col text-end">
<label for="startDate" class="form-label">Date de départ</label>
</div>
<div class="col-4">
<input type="text " class="form-control form-max-width " name="startDate " [(ngModel)]="startDate " bsDatepicker [maxDate]="endDate " [required]="!!endDate " autocomplete="off ">
</div>
</div>
uj5u.com熱心網友回復：
更新角度：
您可以將該placement屬性添加到您的輸入標簽中，例如：
<input type="text " class="form-control form-max-width " name="startDate " [(ngModel)]="startDate " bsDatepicker [maxDate]="endDate " [required]="!!endDate " autocomplete="off " placement="right">
您可以使用的其他選項是“左 | 右 | 底部 | 頂部”
老答案：
您可以通過以下所有 JavaScript 來偏移頂部和左側邊距。確保更新變數名稱以匹配您自己的名稱。
$('input.date').datepicker({
beforeShow: function(input, inst) {
inst.dpDiv.css({
marginTop: -input.offsetHeight 'px',
marginLeft: input.offsetWidth 'px'
});
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/450145.html
上一篇：如何從觀察者回傳一個類(httpClient.get)
下一篇：批準PayPal訂單但服務器端