2016-07-19 7 views
1

必要なフィールドに角度のjsブートストラップdatetimepickerを作成したいのですが、私はこのdatepickerを使用しています https://github.com/zhaber/angular-js-bootstrap-datetimepicker私はこのオプションを試しました。angs js bootstrap datetimepicker必要に応じて作成したい

私はそれらの2つのステップをスキップするとフォームを検証したいと思う、送信ボタンは有効にしてはいけません。

<form name="addForm" novalidate> 
<datetimepicker hour-step="hourStep" minute-step="minuteStep" ng-model="endDate" show-meridian="showMeridian" date-format="dd-MMM-yyyy"     date-options="dateOptions" date-disabled="disabled(date, mode)" datepicker-append-to-body="false" readonly-date="false" 
      disabled-date="false" hidden-time="true" hidden-date="false" name="endDate" invalid="true" pristine="true" show-spinners="false" readonly-time="false" 
      date-opened="dateOpened" show-button-bar="false" required> </datetimepicker> 

<datetimepicker hour-step="hourStep" minute-step="minuteStep" ng-model="endDate" show-meridian="showMeridian" date-format="dd-MMM-yyyy"     date-options="dateOptions" date-disabled="disabled(date, mode)" datepicker-append-to-body="false" readonly-date="false" 
      disabled-date="false" hidden-time="true" hidden-date="false" name="endDate" invalid="true" pristine="true" show-spinners="false" readonly-time="false" 
      date-opened="dateOpened" show-button-bar="false" required> </datetimepicker> 
     </div> 

<button class="btn btn-primary" ng-disabled= addForm.startDate.$pristine && addForm.startDate.$invalid || addForm.endDate.$pristine && addForm.endDate.$invalid ng-click="addOffer('/offers')">Submit</button> 

答えて

0

実際に問題がボタンです。 Ng無効属性構文が正しくありません。

ng-disabled = addForm.startDate。$ pristine & & addForm.startDate。$無効|| addForm.endDate $手付かず& & addForm.endDate $無効

それは以下のようにする必要があります:。。。。=

NG-無効=「addForm.startDate $手付かず& & addForm.startDate $無効|| addForm.endDate。$ pristine & & addForm.endDate。$無効 "

二重引用符がありません。

ありがとう

0

ライブラリには必須フィールドは含まれていません。オブジェクトはまだ空の入力で有効です

addForm.endDate.$modelValueを使用すると、送信ボタンでヌルであることを確認できます。

関連する問題