jQuery 单击日期选择器不显示日历
jQuery datepicker not showing calender on click
我在 header 中有此代码:
$(function($)
{
$.datepicker.regional.nl = {
closeText: 'Sluiten',
prevText: 't',
nextText: 'u',
currentText: 'Vandaag',
monthNames: ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
monthNamesShort: ['jan', 'feb', 'mrt', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
weekHeader: 'Wk',
dateFormat: 'dd-mm-yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional.nl);
});
$(function()
{
$( '#FormContainer' ).on( 'click focus', '.datepicker, .future-datepicker', function()
{
var el = $( this );
if( el.attr( 'class' ) === 'datepicker' ){
el.datepicker({
maxDate: new Date,
dateFormat: 'yy-mm-dd'
});
}else if( el.attr( 'class' ) === 'future-datepicker' ){
el.datepicker({
minDate: 0,
dateFormat: 'yy-mm-dd'
});
}
});
});
当 .datepicker-element 通过单击获得焦点时,它不会显示日历,而是如下图所示的列表。当它通过 TAB-key 获得焦点时,它会显示一个适当的日历。
我怎样才能在点击时获得相同的结果?
原来问题很简单。当我单击输入字段时,浏览器会显示许多自动完成选项。日历显示在自动完成选项下方。解决方案是将 autocomplete="off" 添加到输入字段的 html。
我在 header 中有此代码:
$(function($)
{
$.datepicker.regional.nl = {
closeText: 'Sluiten',
prevText: 't',
nextText: 'u',
currentText: 'Vandaag',
monthNames: ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
monthNamesShort: ['jan', 'feb', 'mrt', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
weekHeader: 'Wk',
dateFormat: 'dd-mm-yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional.nl);
});
$(function()
{
$( '#FormContainer' ).on( 'click focus', '.datepicker, .future-datepicker', function()
{
var el = $( this );
if( el.attr( 'class' ) === 'datepicker' ){
el.datepicker({
maxDate: new Date,
dateFormat: 'yy-mm-dd'
});
}else if( el.attr( 'class' ) === 'future-datepicker' ){
el.datepicker({
minDate: 0,
dateFormat: 'yy-mm-dd'
});
}
});
});
当 .datepicker-element 通过单击获得焦点时,它不会显示日历,而是如下图所示的列表。当它通过 TAB-key 获得焦点时,它会显示一个适当的日历。 我怎样才能在点击时获得相同的结果?
原来问题很简单。当我单击输入字段时,浏览器会显示许多自动完成选项。日历显示在自动完成选项下方。解决方案是将 autocomplete="off" 添加到输入字段的 html。