angular js bootstrap datetimepicker 希望根据需要进行设置答案

【问题标题】：angular js bootstrap datetimepicker want to make it as requiredangular js bootstrap datetimepicker 希望根据需要进行设置
【发布时间】：2016-07-19 15:29:39
【问题描述】：

我想将 Angular js 引导 datetimepicker 作为必填字段，我正在使用这个 datepicker https://github.com/zhaber/angular-js-bootstrap-datetimepicker我试过这个选项。

我想验证表单，如果我跳过这两个步骤，提交按钮不应该启用。

<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>

【问题讨论】：

标签： angularjs twitter-bootstrap datepicker

【解决方案1】：

该库不包含必填字段。所以对象在空输入时仍然有效

您可以使用addForm.endDate.$modelValue 在提交按钮中检查它是否为空。

【讨论】：

【解决方案2】：

其实问题出在按钮上。禁用 Ng 的属性语法不正确。

ng-disabled = addForm.startDate.$pristine && addForm.startDate.$invalid || addForm.endDate.$pristine && addForm.endDate.$invalid

应该像下面这样：=

ng-disabled = "addForm.startDate.$pristine && addForm.startDate.$invalid || addForm.endDate.$pristine && addForm.endDate.$invalid"

缺少双引号。

谢谢

【讨论】：