2015-09-28 42 views
0

我想按日期过滤事件,但日期通过正常输入type =“text”而不是kendo默认datepicker.And在kendo schduler头中显示传递日期但不能不会改变看法date.This是我的代码.........如何动态更改查看日期(这是按日期时间过滤事件)

$scope.searchEventByDate = function (item) { 
    var scheduler = $("#scheduler").data("kendoScheduler"); 
    scheduler.view().startDate(item.StartDate); 
    scheduler.view().endDate(item.EndDate); 
    scheduler.view(("day")); 
    $scope.scheduler.dataSource.read();  
}; 

这是我的过滤器PARAM

parameterMap: function (options, operation) { 
       var popupheight = $(window).height() - 180 + 'px'; 
       $scope.popupWraperForTryout = popupheight; 
       var scheduler = $("#scheduler").data("kendoScheduler"); 
       if (searchCount != 0) { 
        if (operation === "read") { 
         return { 
          filterByPersonalEvent: $scope._filterParamObj.filterBypersonal, 
          filterBySignUpRequired: $scope._filterParamObj.filterBySingupRequired, 
          filterByPaidOrFree: $scope._filterParamObj.filterByPaid, 
          filterByEventStatus: $scope._filterParamObj.eventStatusId, 
          filterByEventType: $scope._filterParamObj.eventTypeId, 
          selectedTeam: $scope._filterParamObj.seasonTeamId, 
          filterByStartDate: scheduler.view().startDate(), 
          filterByEndDate: scheduler.view().endDate(), 
          OrgId: _orgId, 
          UserTimezone: global.userTimezoneOffset 
         } 
        } 
       } 
      }, 

我很tired.This代码不会改变查看日期。请帮助我

回答

1

这里的几个问题 - 日视图显示只有一天;你不能设置startDate和endDate - 只是日期。

$scope.searchEventByDate = function (item) { 
    var scheduler = $("#scheduler").data("kendoScheduler"); 
    //scheduler.view().startDate(item.StartDate); 
    //scheduler.view().endDate(item.EndDate); 
    scheduler.view("day"); 
    // item.StartDate should be Date object - like scheduler.date(new Date("2013/6/6")); 
    scheduler.date(item.StartDate); 
    $scope.scheduler.dataSource.read();  
}; 

如果您需要设定一些明确的日期范围过滤 - 你可以做到这一点,但你仍然不能显示的不仅仅是一天一天查看更多。

$scope.searchEventByDate = function (item) { 
    var scheduler = $("#scheduler").data("kendoScheduler"); 
    scheduler._myFilterStartDate = item.StartDate; 
    scheduler._myFilterEndDate = item.EndDate; 
    scheduler.view("day"); 
    scheduler.date(item.StartDate); 
    $scope.scheduler.dataSource.read();  
};  

而且在参数图:

... 
return { 
    filterByStartDate: scheduler.view().startDate(), 
    filterByEndDate: scheduler.view().endDate(), 
    myFilterStartDate: scheduler._myFilterStartDate, 
    myFilterEndDate: scheduler._myFilterEndDate, 
    OrgId: _orgId, 
    UserTimezone: global.userTimezoneOffset 
}; 
...