Angularjs Datepicker:只需要在图标点击上打开日历弹出,而不是在焦点上打开

时间:2014-06-13 20:22:53

标签: angularjs twitter-bootstrap datepicker

我正在开发Angular应用程序。我在页面上有2个Angular Datepickers。现在我可以在点击datepicker图标时打开日期选择器弹出窗口,当我关注该字段但我的要求是只有当用户点击日历图标时才能使用datepicker弹出窗口。我不希望在datepicker字段的焦点上打开datepicker弹出窗口。

2 个答案:

答案 0 :(得分:0)

假设您正在讨论angular-ui指令,请使用官方documentation

中的示例
    <h4>Popup</h4>
    <div class="row">
        <div class="col-md-6">
            <p class="input-group">
              <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>
    </div>

enter image description here

答案 1 :(得分:0)

我使用了相同的代码,但是当我关注日期字段时它以某种方式打开了datepicker弹出窗口。我不知道如何防止它在焦点上打开弹出窗口。