无法将动态 aria-label 值添加到 md-datepicker

Posted 2023-05-07

【中文标题】无法将动态 aria-label 值添加到 md-datepicker

【英文标题】：Unable to add dynamic aria-label value to md-datepicker

【发布时间】：2019-02-22 02:19:45

【问题描述】：

我正在使用 md-datepicker： https://material.angularjs.org/latest/demo/datepicker

我无法在日期选择器中为 aria-label 添加动态值。它只接受硬编码值。您可以在这里尝试演示： https://codepen.io/anon/pen/jveJGb

在上面的codepen中替换下面的js函数：

function() 
  this.myDate = new Date();
  this.isOpen = false;
  this.place = "Enter some date";
  this.arialabel = "some label";
);

用以下替换任何一个日期选择器：

<md-datepicker ng-model="ctrl.myDate" md-placeholder="ctrl.place" aria-label="ctrl.arialabel"></md-datepicker>

aria-label 值加载为空。

在这里需要帮助。

【参考方案1】：

md-datepicker 是一个指令。当您使用它时，Angular JS Material date picker 将通过处理具有其属性的指令来呈现自定义的预定义 html 代码。因此，指令将负责使用或省略呈现的 html 中的属性。如果您想调整此代码，请转到本地项目目录中的指令源代码，它将类似于this。了解如何根据需要修改指令并根据需要进行调整。

或者使用一些 jquery 选择器来处理渲染的 dom。

【参考方案2】：

md-datepicker 指令没有aria-label 属性。您想使用以下代码设置标签。

  <h4>ctrl.arialabel</h4> 

  <md-datepicker ng-model="ctrl.myDate" md-placeholder="ctrl.place"> 
  </md-datepicker>

h4 标签用于显示标签。