DatePicker不适用于使用asp.net的部分视图中的对话框mvc

问题描述：

我在我的共享布局中有'jquery-1.12.4.js'，'jquery-ui-1.12.0.js'和我的css。DatePicker不适用于使用asp.net的部分视图中的对话框mvc

我正在使用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不会出现，这里面什么都没有。更重要的是，我在控制台中看不到任何错误消息。

Chrome开发工具...

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

我的主页，我有完全相同的日期选择器，但它工作正常。

Chrome开发工具...

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

datepicker in main view

我怎样才能解决这个问题？

答

我有类似的情况，这只是当我在部分视图呈现后，而不是共享布局中添加datepicker函数时才起作用。

所以你的情况是打开的对话框

后

DatePicker不适用于使用asp.net的部分视图中的对话框mvc

相关推荐