2013-10-22 51 views
2

我用角帶日期選擇器角度綁帶綁定datePicker不能用於開始和結束日期?

<input type="text" name="dateFrom" ng-model="dateFrom" bs-datepicker       
    data-end-date="{{endDate}}" data-start-date="{{startDate}}" /> 

如何過當從代碼變更結束日期或的startDate它更新的DOM,但日期選取器仍然沒有意識到這種變化的,是有某種更新我需要觸發?

該更改是通過ng-click在同一範圍內的函數完成的,然後爲endDatestartDate設置新值。

像這樣(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叫我做一些輔助的方法來調用datepickersetEndDatesetStartDate方法:

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" 

回答

相關問題