2
我用角带日期选择器角度绑带绑定datePicker不能用于开始和结束日期?
<input type="text" name="dateFrom" ng-model="dateFrom" bs-datepicker
data-end-date="{{endDate}}" data-start-date="{{startDate}}" />
如何过当从代码变更结束日期或的startDate它更新的DOM,但日期选取器仍然没有意识到这种变化的,是有某种更新我需要触发?
该更改是通过ng-click
在同一范围内的函数完成的,然后为endDate
和startDate
设置新值。
像这样(CoffeeScript的):
$scope.setDateRange = (dateRange) ->
if dateRange is "past"
$scope.endDate = "-1d"
$scope.startDate = ""
if dateRange is "now"
$scope.endDate = ""
$scope.startDate = ""
if dateRange is "future"
$scope.endDate = ""
$scope.startDate = "+1d"
编辑:
下面是解:
在控制器构造我存储日期从和到控制:
dateFromCtrl = $element.find 'input[name="dateFrom"]'
dateToCtrl = $element.find 'input[name="dateTo"]'
然后当setDateRange
叫我做一些辅助的方法来调用datepicker
setEndDate
和setStartDate
方法:
setEndDate = (date) ->
dateFromCtrl.datepicker 'setEndDate', date
dateToCtrl.datepicker 'setEndDate', date
setStartDate = (date) ->
dateFromCtrl.datepicker 'setStartDate', date
dateToCtrl.datepicker 'setStartDate', date
setDateRange = (dateRange) ->
if dateRange is "past"
setEndDate "-1d"
setStartDate ""
if dateRange is "now"
setEndDate ""
setStartDate ""
if dateRange is "future"
setEndDate ""
setStartDate "+1d"