-1
A
回答
1
使用angularStrap
see details here
實施例的使用將是類似於實施例下面
<form name="datepickerForm" class="form-inline" role="form">
<!-- Basic example -->
<div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}">
<label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label>
<input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker>
</div>
<!-- Custom example -->
<div class="form-group" ng-class="{'has-error': datepickerForm.date2.$invalid}">
<label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as number)</small></label>
<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>
</div>
<hr>
<!-- Date range example -->
<div class="form-group">
<label class="control-label"><i class="fa fa-calendar"></i> <i class="fa fa-arrows-h"></i> <i class="fa fa-calendar"></i> Date range <small>(dynamic)</small></label><br>
<div class="form-group col-xs-6">
<input type="text" class="form-control" ng-model="fromDate" data-max-date="{{untilDate}}" placeholder="From" bs-datepicker>
</div>
<div class="form-group col-xs-6">
<input type="text" class="form-control" ng-model="untilDate" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker>
</div>
</div>
</form>
相關問題
- 1. 彈出日期選擇器
- 2. 角bootstrap.ui日期選擇器彈出不
- 3. 角度材料日期選擇器不選擇我選擇的日期
- 4. 如何在角度引導日期選擇器中轉換日期格式
- 5. 角度和物化日期選擇器
- 6. AUI日期選擇器:在元素焦點上彈出日期選擇器
- 7. 在jQuery日期選擇器中選擇日期和高亮日期選擇器
- 8. 日期選擇器彈出窗口
- 9. jqGrid日期選擇器自動彈出
- 10. Dojo彈出日期選擇器
- 11. 引導日期選擇器彈出框
- 12. jQuery日期選擇器 - 不要彈出
- 13. 日期選擇器Angular2隱藏彈出
- 14. 如何在日期選擇器中禁用日期時選擇其他日期選擇器中的日期
- 15. 從Rails控制器的Jquery日期選擇器轉換日期?
- 16. 如何將值日期時間轉換爲日期選擇器中的javascript
- 17. 如何將此JavaScript日期選擇器日期轉換爲毫秒?
- 18. 如何將JQuery日期選擇器中的日期值轉換爲單詞
- 19. 如何防止選擇日期後打開日期選擇器?
- 20. 如何防止日期選擇器選擇未來日期?
- 21. 如何在wijmo日期選擇器上選擇當前日期
- 22. 如何在選擇日期後隱藏日期選擇器
- 23. 如何增加從日期選擇器中選擇的日期?
- 24. 如何將Extjs Datepicker轉換爲Hijri日期選擇器
- 25. 在角度材料日期選擇器中定位日期值
- 26. 如何根據用戶使用角度用戶日期選擇器選擇的日期填充日期表?
- 27. 選擇相同的日期作爲日期選擇器
- 28. 角度日期選擇器選擇年底
- 29. 道場日期選擇器jQuery的Vs的日期選擇器
- 30. SelectManyCheckbox選擇轉換日期
https://plnkr.co/edit/cSKKgZW8t4z8c9yiwDx8?p=preview – SteVizzo