2013-10-22 45 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" 

回答

相关问题