gpt4 book ai didi

twitter-bootstrap - 带有 Angular 指令的可点击 bootstrap-datepicker 图标

转载 作者:行者123 更新时间:2023-12-04 21:18:10 25 4
gpt4 key购买 nike

我正在使用 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是自定义指令。单击文本字段显示日期选择器,但图标单击不起作用。
来源: http://jsfiddle.net/cPVDn/

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

我很感激任何帮助

更新:

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

最佳答案

查看 AngularStrap 提供的可以解决您问题的好插件:link .

JS

.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

关于twitter-bootstrap - 带有 Angular 指令的可点击 bootstrap-datepicker 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18012125/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com