2017-03-23 2 views
1

사용자가 날짜 및 시간을 선택할 수 있도록 angular-bootstrap-datetimepicker 모듈을 사용하고 있습니다. 어떻게 뷰 렌더링시 기본 날짜를 추가 할 수 있습니까? booleab 값이나 다른 더 나은 appraoch를 설정할 수있는 속성이 있습니까?angular-bootstrap-datetimepicker를 사용하여 기본 날짜를 설정하는 방법은 무엇입니까?

main.html

<div class="dropdown form-group"> 
    <!-- <label>Start Date</label> --> 
    <a class="dropdown-toggle" id="dropdownStart" role="button" data-toggle="dropdown"> 
     <div class="input-group date"> 
      <input type="text" class="form-control" data-ng-model="dateRangeStart" placeholder=" Search Start Date"> 
      <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
     </div> 
    </a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     <datetimepicker data-ng-model="dateRangeStart" data-datetimepicker-config="{ dropdownSelector: '#dropdownStart', renderOn: 'end-date-changed' }" data-on-set-time="startDateOnSetTime()" data-before-render="startDateBeforeRender($dates)"></datetimepicker> 
    </ul> 
</div> 

Ctrl.js

$scope.endDateBeforeRender = endDateBeforeRender 
     $scope.endDateOnSetTime = endDateOnSetTime 
     $scope.startDateBeforeRender = startDateBeforeRender 
     $scope.startDateOnSetTime = startDateOnSetTime 

     function startDateOnSetTime() { 
      $scope.$broadcast('start-date-changed'); 
     } 

     function endDateOnSetTime() { 
      $scope.$broadcast('end-date-changed'); 
     } 

     function startDateBeforeRender ($dates) { 
      if ($scope.dateRangeEnd) { 
      var activeDate = moment($scope.dateRangeEnd); 

      $dates.filter(function (date) { 
       $scope.searchObj.endDate = activeDate._i; 
       // console.log(activeDate); 
       return date.localDateValue() >= activeDate.valueOf() 
      }).forEach(function (date) { 
       date.selectable = false; 
       // console.log(date); 
      }) 
      } 
     } 

function endDateBeforeRender ($view, $dates) { 
     if ($scope.dateRangeStart) { 
     var activeDate = moment($scope.dateRangeStart).subtract(1, $view).add(1, 'minute'); 

     $dates.filter(function (date) { 
      $scope.searchObj.startDate = activeDate._i; 
      // console.log(activeDate._i); 
      return date.localDateValue() <= activeDate.valueOf() 
     }).forEach(function (date) { 
      date.selectable = false; 
      // console.log(date); 
     }) 
     } 
    } 

답변

0

당신은 기본 값으로 data-ng-model 속성을 설정 할 수 있어야한다 : 컨트롤러에서

<datetimepicker data-ng-model="dateRangeStart"></datetimepicker> 

dateRangeStart을 제공 기본값 :

$scope.dateRangeStart = new Date(); 
+0

시작 날짜를 1:00 AM - 11:55 PM으로 지정할 수있는 방법을 지정하려면 어떻게해야합니까? 그것은 가능한가? – hussain

+0

JavaScript 'Date' 개체에서 원하는 시간을 지정할 수 있습니다. 나는 그것이 여러 번 지정할 수 있다고 생각하지 않는다. –

+0

여러 번 의미하는 바가 있습니까? – hussain

관련 문제