2

この質問は尋ねられましたが、異なる結果が得られました。モーダル ダイアログ ボックス内で日付ピッカーを使用したり、(z-index プロパティを使用して) 日付ピッカーを表示したりするのに問題がありました。

ただし、日付ピッカーを足元から機能させるために使用されるjsを単純にコピーしましたが、モーダルポップアップのビューで。これにより、日付ピッカーが表示されますが、選択した入力ボックスに選択した日付が入力されません。

他の場所で動作する私のコードは次のとおりです。

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });

モーダル ダイアログ クラスの入力は datepicker です。

私が求めている解決策が本当に何であるかはわかりません。関数はどこでも機能し、実際に表示されますが（jqueryが機能していることを示唆しています）、選択した日付を入力ボックスに入力しないだけです....何かアイデアはありますか？.........

function modalfollow()
{
$('<div>').dialog({
    title:  'Add Follow',
    height: '350', 
    width:  '400',
    open: function ()
            {
            $(this).load('<?=base_url();?>leads/add_follow/<?=$this->uri->segment(3);?>/');
            },         
    modal: true 
    });
// return false so <a> or <button> doesnt fire + reload page
return false;
}

これにより、ビューをロードするモーダル ボックスがロードされます。

このレベルでは、日付ピッカーは機能しません。

4

1 に答える 1

2

コードをどのように設定しているかはわかりませんが、このフィドルで苦労することなく動作しています。更新パネルはありますか?

マークアップ

<div id="dialog" title="Basic dialog">
<input type="text" class="datepicker" /></div>
<button id="opener">Show</button>

Javascript

 $(function () {

   $(".datepicker").datepicker({
    dateFormat: 'yy-mm-dd'
});

$("#dialog").dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 1000
    },
    hide: {
        effect: "explode",
        duration: 1000
    }
});
$("#opener").click(function () {
    $("#dialog").dialog("open");
 });
 });

例

于 2013-03-04T12:19:22.053 に答える