2017-03-28 2 views
0
<div class="col-md-4 col-sm-6"> 
    <div class="row spacer"> 
    <label for="fromdate" class="col-md-4">Date : </label> 
    <div class="col-md-8"> 
     <div class="row"> 
     <div class="col-md-6"> 
      <input type="text" autofocus="autofocus" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.startDate" is-open="srchctrl.status.openedS" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('S')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
      <button type="button" class="datepicker-btn" ng-click="srchctrl.open('S')"><i class="fa fa-calendar"></i></button> 
     </div> 
     <div class="col-md-6">        
      <input type="text" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.endDate" is-open="srchctrl.status.openedE" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('E')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
      <button type="button" class="datepicker-btn" ng-click="srchctrl.open('E')" ><i class="fa fa-calendar"></i></button> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

모두 날짜 선택은 'X'달과 날짜를 선택할 수 있도록하는 'X'달과 날짜를 선택할 수 있습니다.

x가 3이라고 가정하면 15-01-2017을 선택한 다음 다른 날짜는 15-04-2017까지만 적용됩니다.

날짜 선택 도구에서 어떻게해야합니까?

답변

0

사용 최대 최신 속성 컨트롤러

<div class="col-md-4 col-sm-6"> 
           <div class="row spacer"> 
           <label for="fromdate" class="col-md-4">Date : </label> 
           <div class="col-md-8"> 
            <div class="row"> 
            <div class="col-md-6"> 
             <input type="text" autofocus="autofocus" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.startDate" is-open="srchctrl.status.openedS" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('S')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
             <button type="button" class="datepicker-btn" ng-click="srchctrl.open('S')"><i class="fa fa-calendar"></i></button> 
            </div> 
            <div class="col-md-6">        
             <input type="text" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.endDate" is-open="srchctrl.status.openedE" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('E')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
             <button type="button" class="datepicker-btn" ng-click="srchctrl.open('E')" max-Date="maxDate"><i class="fa fa-calendar"></i></button> 
            </div> 
            </div> 
           </div> 
           </div> 
          </div> 

$scope.maxDate=srchctrl.startDate; 

// 컨트롤러 opon 함수 srchctrl.open ('E')

var month=srchctrl.startDate.getMonth(); 

$scope.maxDate.setMonth(month+3);