Question

我的Web App中有一个DatePicker jQuery日历。此时更改为上一个月或下个月的箭头是“透明的”。但是，我意识到它是有效的，因为如果我点击“箭头”月份的变化。

我在开发工具上尝试了以下代码，它可以运行：

$('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');
$('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');

如何在mi代码中添加此代码示例？我试图将它包含在“beforeShow”方法中，但它不起作用。

有人想知道这些图标吗？

谢谢！

Answer 1

如果您的图标显示不正确，可能是因为您遗漏了类似css样式的内容。

无论如何，回答你的问题，如果你想要做的是在打开日期选择器后添加这些条款，你可以在beforeShow方法中添加一个小延迟，如下所示：

setTimeout(function() {
  $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');
  $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');
}, 500);

这将在500ms之后添加类，这足以让jquery生成datepicker

Answer 2

尝试在页面加载后运行你的jquery

// A $( document ).ready() block.
$( document ).ready(function() {
    $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');
    $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon');
});

如何在jQuery Datepicker中添加一个类

2 个答案: