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"