2017-06-27 10 views

答えて

0

*************私はお詫び申し上げますが、これは正しいdatepickerプラグインではありません。しかし、あなたが切り替えたい場合に備えてそれをそのまま残しておきます

使用しているUIの場合は、最小日付ボタンをチェックしてください。

http://angular-ui.github.io/bootstrap/#!#%2Fdatepicker

HTML:

<button type="button" class="btn btn-sm btn-default" ng-click="toggleMin()" uib-tooltip="After today restriction">Min date</button> 

angularjs:

$scope.toggleMin = function() { 
    $scope.options.minDate = $scope.options.minDate ? null : new Date(); 
    }; 
+0

申し訳ありません、私はそれを提出し、間違ったdatepickerについて話していたことを実現しました –

0

あなたがこれを行うことができるようにmin入力を使用する必要があります。
mdDatepickerディレクティブを配置したinputタグにそれを単に追加し、有効な日付と無効な日付を区切る日付にminをバインドします。
この例では、現在の日付より前のすべての日付を無効にできるように、new Date()を使用しました。

@Component({ 
    selector: 'app-root', 
    template: `<input [mdDatepicker]="datePicker" [min]="minDate"> 
      <button [mdDatepickerToggle]="datePicker"></button> 
      <md-datepicker #datePicker></md-datepicker>`, 
}) 
export class AppComponent { 
    minDate = new Date(); 
} 
+0

私はこのhttps://www.npmjs.com/package/angular-io-datepicker –

+0

を使用しました申し訳ありません、あなたは[ datePicker of material2](https://material.angular.io/components/datepicker/overview)。 私は、使用しているコンポーネントのAPIリファレンスとソースコードを見てきました。私はあなたが望むことをする方法を見つけることができませんでした。 –

関連する問題