Question

我有jquery-1.12.4.js＆＃39;，＆＃39; jquery-ui-1.12.0.js＆＃39;和我的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类，但日历并没有出现，而且里面没什么。更重要的是，我无法在控制台中看到任何错误消息。

在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

我该如何解决这个问题？

Answer 1

我遇到了类似的情况，只有在我渲染局部视图后才添加datepicker函数而不是共享布局时，它才有效。

所以在你打开对话框

的情况下

DatePicker不能使用asp.net mvc在Partial视图中使用Dialog

1 个答案: