2017-03-23 6 views
1

私は、日付と時刻を選択するためにangle-bootstrap-datetimepickerモジュールを使用しています。ビューのレンダリング時にdefualt dateandtimeを追加するにはどうすればよいですか?私たちはbooleabの価値や他のより良いappraochを設定することができる任意の属性を持っていますか?angle-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時から午後11時55分としたい場合、どうすれば指定できますか?出来ますか ? – hussain

+0

JavaScriptの 'Date'オブジェクトに必要な時間を指定できます。私は複数回指定することはできないと思います。 –

+0

あなたは何回も何を意味しますか? – hussain

関連する問題