jquery - 如何在 jQuery Datepicker 中实现 aria-expanded 值?
问题描述
我正在寻找在 .ui-datepicker-trigger 下扩展的 aria 的实现,所以当点击焦点或选项卡按钮时,如果日历被展开,叙述者应该讲述日历展开,当焦点关闭时,它应该说日历折叠。下面是代码。
$("#txtIssueDateTo").datepicker({
dateFormat: 'mm/dd/yy', showOn: 'both', buttonImageOnly: true, buttonImage: 'images/calender.png', maxDate: 'today', buttonText: "Select to date button"});
$(".ui-datepicker-trigger").keyup(function (event) {
if (event.keyCode === 13) {
this.click();
this.focus();
}});
img-1 叙述日历是否折叠 img-2 按下回车后它应该叙述日历展开
<button onclick="myFunction()" id="p2" aria-expanded="false">Try it</button>
<script>
function myFunction() {
var x = document.getElementById("p2").getAttribute("aria-expanded");
if (x == "true")
{
x = "false"
} else {
x = "true"
}
document.getElementById("p2").setAttribute("aria-expanded", x);
}
</script>
解决方案
推荐阅读
- python - 如何在 for 循环中创建数据框?
- json - 嵌套 json - 将值存储在 csv 中
- r - 根据条件为数据框中的变量添加前缀,然后创建一个新变量以显示哪些变量已添加前缀
- asp.net-mvc - 无法访问关闭的流:groupdocs
- flutter - 颤振:ListTile 宽度
- sql - 使用 WHILE LOOP 根据唯一行更新 SQL Server
- python - PySpark,多次调用dataframe withColomn方法后避免StackOverflowException
- python - 如何在 PyQt5 中制作按钮的图标以根据按钮是否被按下来改变它的颜色
- javascript - 如何将侦听器添加到表列
- javascript - 当电子邮件列表在数组中时,MailApp.sendEmail 接收错误