DatePickerがasp.net mvcを使用して部分ビューでDialogで機能しない

Question

私は 'jquery-1.12.4.js'、 'jquery-ui-1.12.0.js'と私の共有レイアウトでCSSを持っています。

私はjqueryダイアログを使用してポップアップしています。

私は部分ビューを呼び出して読み込みます。私の部分図で

$element.dialog({ 
    autoOpen: false, 
    width: wSize, 
    height: hSize, 
    resizable: true, 
    draggable: true, 
    title: dTitle, 
    closeOnEscape: true, 
    open: function (event, ui) { 
     $(this).load(url); 
    }, 

    close: function() { 
     $(this).css("display", "none"); 
    } 
}); 


$("#elementID").dialog("open"); 

私のサーバー側で

..

public ActionResult stats(string sDate, string eDate, string Mode, int Id) 
    { 
     ... 

     try 
     { 
      ... 
      Model stats = GetDatabase 

      ViewData["StartDate"] = sDate; 
      ViewData["EndDate"] = eDate; 

     } 
     catch(Exception ex) 
     { 
      ... 
     } 

     return View(stats); 
    } 

...（いや、jqueryのjqueryの-UIスクリプトを参照してください）

<script type="text/javascript"> 
$(function() { 
    $('#txtStartDate').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     prevText: .., 
     nextText: .., 
     monthNames: .., 
     monthNamesShort: .., 
     dayNames: ... 
     dayNamesShort: ..., 
     dayNamesMin: ..., 
     showMonthAfterYear: .., 
     yearSuffix: .. 
    }); 
}); 

<input type="text" id="txtStartDate" value="@startDate" class="form-control" /> 

その場合、私は開発者ツールでhasDatePickerクラスを見ることができますが、c alendarは表示されず、内部には何もありません。 さらに、コンソールにエラーメッセージが表示されません。クロム開発ツールで

...

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div> 

私のメインページには、私はまったく同じ日付ピッカーを持っていますが、それが正常に動作します。

クロム開発ツールで

...

<input type="text" id="current_date1" name="current_date1" class="form-control date-picker hasDatepicker"> 

datepicker in main view

どのように私はこの問題を解決することができますか？

Answer 1

これと同様の状況がありましたが、部分レイアウトがレンダリングされ、共有レイアウトではなく、datepicker関数を追加したときにのみ機能しました。

あなたのケースでは、ダイアログを開いた後になります