twitter-bootstrap – 带有角度指令的可点击bootstrap-datepicke

发布时间：2020-12-17 20:42:50 所属栏目：安全来源：网络整理

导读：我正在使用 angularjs,我想在点击日历图标后显示我的bootstrap-datepicker. 现在它是这样的： div class="input-append date datepicker" input type="text" b-datepicker ng-model="date"/ span class="add-on" i class="icon-calendar"/i/span/div 其中b-d

我正在使用 angularjs,我想在点击日历图标后显示我的bootstrap-datepicker.
现在它是这样的：

<div class="input-append date datepicker">
    <input type="text" b-datepicker ng-model="date"/> 
    <span class="add-on" ><i class="icon-calendar"></i></span>
</div>

其中b-datepicker是自定义指令.单击文本字段显示datepicker,但图标单击不起作用.
这是来源：http://jsfiddle.net/cPVDn/

我的目标是这样：
http://jsfiddle.net/6QnMB/

我感谢任何帮助

更新：

这是解决方案：
http://jsfiddle.net/cPVDn/53/

解决方法

请参阅AngularStrap中的好插件,它将解决您的问题： link.

.config(function($datepickerProvider) {
  angular.extend($datepickerProvider.defaults,{
    dateFormat: 'dd/MM/yyyy',startWeek: 1
  });
})

HTML

<input type="text"
    class="form-control"
    ng-model="selectedDateAsNumber" 
    data-date-format="yyyy-MM-dd"
    data-date-type="number" 
    data-min-date="02/10/86"
    data-max-date="today"
    data-autoclose="1" 
    name="date2"
    bs-datepicker>

见演示Plunker

这是他们的main page

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!