JQuery UI - Немагчыма змяніць месяц/год у DatePicker ў мадальнасці дыялогу

Выкарыстанне <�моцны> Datepicker ўнутры <�моцны> мадальны дыялог , не працуюць <�моцны> Змяніць месяц/год выпадальны у Firefox 19.0.2 см:

http://jsfiddle.net/469zV/2/

HTML

<div id="dialog-form" title="test" style="display:none">
  <form>
     

Date1: <input type="text" id="datepicker"/>

  </form>
</div>

<�Моцны> SCRIPT

$( "#dialog-form" ).dialog({
    modal: true
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true
});

Пасля пошуку шмат можна знайсці інфармацыю аб гэтай праблеме, але нічога пра рашэнне:

http://bugs.jqueryui.com/ticket/8989#no1

Любая ідэя, як вырашыць гэтую праблему ... дзякуй загадзя.

1
Здаецца, што мадальнай акно факусуе ўваход Datepicker. Паспрабуйце $ ( "# DatePicker") размыццё (). ў дыялогавым слухачу адкрытага мерапрыемствы.
дададзена аўтар Ian Brindley, крыніца
Сутыкнуўшыся ж праблема з ColorBox ўсплывае акна. У выніку атрымалі рашэння github.com/jackmoore/colorbox/issues/484
дададзена аўтар Deepak, крыніца
Сутыкнуўшыся ж праблема з ColorBox ўсплывае акна. У выніку атрымалі рашэння github.com/jackmoore/colorbox/issues/484
дададзена аўтар Deepak, крыніца
@Ian Бриндли Дзякуй за дапамогу, але не працуе
дададзена аўтар Alex Abreu Mulet, крыніца

11 адказы

Гэта можа быць не зусім тое, што вы шукалі, але калі вы выпусцілі ўвод тэксту, гэта дасць вам месяц і год таму выбар.

<�Моцны> Працоўны прыклад </моцны>

$( "#dialog-form" ).dialog({  
    modal:true,
    height:340,
    width:340
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,

});

<div id="dialog-form" title="test" style="display:none"> 
    <form>
    
<div id="datepicker"/></div>
 
    </form>
</div>
1
дададзена

Гэта можа быць не зусім тое, што вы шукалі, але калі вы выпусцілі ўвод тэксту, гэта дасць вам месяц і год таму выбар.

<�Моцны> Працоўны прыклад </моцны>

$( "#dialog-form" ).dialog({  
    modal:true,
    height:340,
    width:340
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,

});

<div id="dialog-form" title="test" style="display:none"> 
    <form>
    
<div id="datepicker"/></div>
 
    </form>
</div>
1
дададзена

Вы павінны сцірацца з тэкставага поля пасьля атрыманьня даты, таму ён можа паўторна ініцыяваць падзея факусоўкі:

$( "#dialog-form" ).dialog({
    modal: true
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true    
}).on('change',function(){
                 $(this).blur()
               });
1
дададзена

Вы павінны сцірацца з тэкставага поля пасьля атрыманьня даты, таму ён можа паўторна ініцыяваць падзея факусоўкі:

$( "#dialog-form" ).dialog({
    modal: true
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true    
}).on('change',function(){
                 $(this).blur()
               });
1
дададзена

Гэта можа быць прычынай для выкарыстання карыстацкага інтэрфейсу і bootstrap.js абодва. Клас мадальны адкрыць , які дадае ў тэг цела маюць ўласцівасць пераліву-у: hiiden . Вы павінны апусціць гэтую ўласнасць і змяненне DatePicker года будзе працаваць

0
дададзена

Гэта можа быць прычынай для выкарыстання карыстацкага інтэрфейсу і bootstrap.js абодва. Клас мадальны адкрыць , які дадае ў тэг цела маюць ўласцівасць пераліву-у: hiiden . Вы павінны апусціць гэтую ўласнасць і змяненне DatePicker года будзе працаваць

0
дададзена

Гэта можа быць прычынай для выкарыстання карыстацкага інтэрфейсу і bootstrap.js абодва. Клас мадальны адкрыць , які дадае ў тэг цела маюць ўласцівасць пераліву-у: hiiden . Вы павінны апусціць гэтую ўласнасць і змяненне DatePicker года будзе працаваць

0
дададзена

Гэта фіксаванае для мяне: $ (Дакумент) .unbind ( 'focusin');

0
дададзена

Гэта фіксаванае для мяне: $ (Дакумент) .unbind ( 'focusin');

0
дададзена

jQuery Ui Datepicker месяц/год выпадальны не працуе ва ўсплываючым акне ў апошнім Firefox

Дадайце гэты код у ваш яваскрипте сцэнара альбо выяву.

    var enforceModalFocusFn = $.fn.modal.Constructor.prototype.enforceFocus;
    $.fn.modal.Constructor.prototype.enforceFocus = function() {};
    $confModal.on('hidden', function() {
    $.fn.modal.Constructor.prototype.enforceFocus = enforceModalFocusFn;
    });
    $confModal.modal({ backdrop : false });
0
дададзена

jQuery Ui Datepicker месяц/год выпадальны не працуе ва ўсплываючым акне ў апошнім Firefox

Дадайце гэты код у ваш яваскрипте сцэнара альбо выяву.

    var enforceModalFocusFn = $.fn.modal.Constructor.prototype.enforceFocus;
    $.fn.modal.Constructor.prototype.enforceFocus = function() {};
    $confModal.on('hidden', function() {
    $.fn.modal.Constructor.prototype.enforceFocus = enforceModalFocusFn;
    });
    $confModal.modal({ backdrop : false });
0
дададзена