iOS   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如果Datepicker在JQuery Dialog上,则JQuery UI Datepicker的选择月/年下拉列表在iPad中不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个像这样的jQuery UI datepicker:

$.datepicker.setDefaults({
            changeMonth: true,changeYear: true,defaultDate: null,dateFormat: datetiR_351_11845@eFormat,showOn: 'both',buttonImageOnly: true,buttonImage: urlPath + 'Content/styles/images/calendar.gif',buttontext: 'Calendar'
        });

    $('input.datetiR_351_11845@e',controlContext).datepicker({
        onSELEct: function (dateText,inst) {
            $(inst,controlContext).val(dateText);
            var dateSELEcted = $(inst,controlContext).datepicker("getDate");
        },beforeShow: function (input,inst) {
            $('.hasDatepicker').blur();
        }
    });

它适用于所有主流浏览器.只有当它不在jQuery对话框上时,它才能在Ipad上正常工作.在jQuery对话框上,如果我使用datepicker只是选择一些日期它工作正常.只有选择某个月份或日期的下拉列表才能正常工作.我可以看到下拉选项,甚至可以点击任何选项但是在选择任何选项后它没有隐藏选项列表,它只是停留在那里.

经过大量的调试后,我发现在选择任何月份或年份时应该触发的onchange事件没有触发.

如果日期选择器不在jQuery对话框上,甚至再次重复甚至选择月/年在iPad上运行正常.

不确定出了什么问题.

@H_673_18@解决方法
它似乎与在弹出窗口之外创建的ui-datepicker-div有关.使用twitter bootstrap模式时我遇到了同样的问题.我能够通过使用以下方法解决它:

$('#ui-datepicker-div').ready(function() {
  var popup = document.getElementById('**ID OF YOUR POPUP**');
  var datePicker = document.getElementById('ui-datepicker-div');
  popup.appendChild(datePicker);
});

希望有所帮助!

大佬总结

以上是大佬教程为你收集整理的如果Datepicker在JQuery Dialog上,则JQuery UI Datepicker的选择月/年下拉列表在iPad中不起作用全部内容,希望文章能够帮你解决如果Datepicker在JQuery Dialog上,则JQuery UI Datepicker的选择月/年下拉列表在iPad中不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。