jquery datepicker模態對話框內

這個問題已被問，但爲不同的結果。人們在使用模式對話框內的日期選擇器並使日期選擇器顯示（使用z-index屬性）時遇到了麻煩。jquery datepicker模態對話框內

但是我只是簡單地複製了用於使日期選擇工作從腳下工作的js，但是在模態彈出窗口的視圖中。這會顯示日期選擇器，但不會使用所選日期填充選定的輸入框。

我的代碼的作品在其他地方是：

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

，並在模態對話框類的輸入日期選擇器。

林不知道我要求的解決方案是真的。作爲功能無處不在，並確實顯示（建議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; 
}

這將加載加載視圖的模式框。

它在這個級別的日期選擇器不起作用。

來源

2013-03-04 Mr Sorbose

你能發佈[的jsfiddle（http://jsfiddle.net）這個問題的？ – 2013-03-04 11:52:27

即時通訊真的不知道該如何說實話。虐待編輯與相關的腳本。 – 2013-03-04 12:15:31

我不知道你是如何設置你的代碼，但我沒有在這個小提琴的任何努力工作的工作。你有更新面板？

標記

<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"); 
}); 
});

Example

來源

2013-03-04 12:19:22

我明白你的觀點，我想我只需要在視圖的頂部再次回想所有的js。但我只是認爲存在的問題是類似的問題，這意味着主CSS文件也不會繼承到加載的視圖。我認爲我的困惑是在MVC中這樣做。不管怎麼說，還是要謝謝你。 – 2013-03-04 12:47:55

jquery datepicker模態對話框內

回答

相關問題