Question

我正在使用特定的jquery datepicker vidget（http://keith-wood.name/datepick.html）。特定日历（泰语）的支持是原因。将新的datepicker应用于现有逻辑我遇到了问题。 Chrome和Safari浏览器中的选择器无法打开（弹出窗口不显示），而在IE8和Firefox中它可以正常工作。经过一番调查后，我开始想到附件主题html标签是原因。它是在插件的引用中写的，它应该附加到标签上。而且我将它附加到标签上。代码如下：

<script type="text/javascript" src="../jquery.calendars.js?v=$version"></script>
<script type="text/javascript" src="../jquery.calendars.plus.js?v=$version"></script>
<script type="text/javascript" src="../jquery.calendars.picker.js?v=$version"></script>
<script type="text/javascript" src="../jquery.calendars.thai.js?v=$version"></script>

jQuery(function() {
            jQuery('#deactivation_date').calendarsPicker({
                changeMonth: false, 
                showOtherMonths: true, 
                selectOtherMonths: true,
                showAnim: '',
                dateFormat: _dateFormat,
                calendar: jQuery.calendars.instance(_userLanguageCode == 'th' ? 'thai' : '', 'en'),
                alignment: 'bottom',
                renderer: jQuery.extend({}, jQuery.calendars.picker.defaultRenderer,
                    {
                        picker: jQuery.calendars.picker.defaultRenderer.picker.
                        replace(/\{link:prev\}/, '{link:prevJump}{link:prev}').
                        replace(/\{link:next\}/, '{link:nextJump}{link:next}').
                        replace(/\{link:clear\}/, '').
                        replace(/\{link:close\}/, '')
                    }),
                onSelect: function(dates){

                        }
                    }
            });
        });

...

<a href="javascript:void(0)" class="date-pick no-left-padding" id = "deactivation_date">
   "DateText" </a>

进一步调查让我觉得在Chrome中没有正确附加相应的事件处理程序，因为调试器甚至没有进入“show”功能。这是小部件在Chrome和Safari中失败的可能部分：

var trigger = inst.get('showTrigger');
inst.trigger = (!trigger ? $([]) :
        $(trigger).clone().addClass(this._triggerClass)
        [inst.get('isRTL') ? 'insertBefore' : 'insertAfter'](target).
            click(function() {
            if (!$.calendars.picker.isDisabled(target[0])) {
                $.calendars.picker[$.calendars.picker.curInst == inst ?
                    'hide' : 'show'](target[0]);
            }
        }));

有一种变体可以将所有日期选择器重新附加到不同的标签，但是对于div / span，将执行内联渲染，输入看起来根本不像文本。

请分享您的想法，如果有的话......

提前致谢

jQuery datepicker 目前似乎不支持非Gregorian日历： http://bugs.jqueryui.com/ticket/5789 不是吗？

Answer 1

可能不完全是你问题的答案，而是一个解决问题的提示。

为什么不将标准JQuery UI日历与您可以找到的全球化文件here一起使用？

jQuery datepicker插件在Chrome和Safari中不起作用

1 个答案: