angular - 如何在点击输入时打开 ngbDatepicker

标签 angular angular-ui-bootstrap

我想通过单击输入字段打开 bootstrap 4 日期选择器。
我不想显示日历图标
我该如何解决这个问题?

最佳答案

你可以这样做:

<input
  readonly
  placeholder="yyyy-mm-dd"
  class="form-control"
  ngbDatepicker 
  (click)="datePicker.toggle()"
  #datePicker="ngbDatepicker">

我在这里创建了一个小演示示例:
https://stackblitz.com/edit/angular-anhgsg

关于angular - 如何在点击输入时打开 ngbDatepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48923250/

相关文章:

如果使用 object.value 而不是 object,Angular 递归模板列表将变成无限递归

angular - 是什么使得在 chrome 中调试 typescript 成为可能?

javascript - 使用转义键关闭模态的 Angular 指令

css - 使用 angular-1.3 获取 angular-bootstrap 模态

javascript - 如何将 Angular UI Bootstrap Accordion 分成多列?

angularjs - 避免在 Angular UI Modal 中使用 $timeout

angular - 在 ngSwitch 中关闭延迟加载

javascript - 如何在 Angular 中向 body 标签添加事件?

javascript - Angular2 形式 : validator with interrelated fields

javascript - 基于调查 ID 的 Limesurvey 条件