【问题标题】:ng-invalid after selecting date from datepicker从日期选择器中选择日期后 ng-invalid
【发布时间】:2025-12-29 10:20:20
【问题描述】:

ng-从日期选择器中选择日期后无效,但如果输入则有效。请帮忙。

【问题讨论】:

标签: angularjs


【解决方案1】:

我通过隐藏日期选择器并在值为 null 时显示一个空的输入文本字段然后在单击它时交换/显示日期选择器来解决此问题。

<input 
  ng-if="my_date || set_my_date"
  type="text" 
  id="my_date" 
  name="my_date"  
  datetime-picker="MM/dd/yyyy h:mma" 
  is-open="my_date" 
  ng-focus="set_my_date = true"
  class="form-control" 
  ng-model="my_date" 
  placeholder="my date"
  ng-readonly="true"
  ng-required="true"
/>
<input 
  ng-if="!my_date && !set_my_date"
  class="form-control"
  placeholder="my date"
  ng-click="set_my_date = true"
/>

【讨论】:

    【解决方案2】:

    ng-invalid 类在必填字段无效(例如空)时从角度添加,请确保在触发点击时正确填充 ng-model 相关字段 formvalue.workshopeDate

    【讨论】:

    • 那么 formvalue.workshopeDate 在加载时为空。它将用于获取按钮单击的值。
    • 还有什么建议吗??