C# 日期时间选择器jqgrid asp.net mvc

我是jqGrid和Asp.NETMVC的新手，我的datetimepicker有问题！ 我从这个页面（）下载了一个预定义的datetimepicker，并将其包含到我的应用程序中。 现在我的问题是：当我想将新数据添加到网格中时，当我在定义它的字段中单击时，datetimepicker不会弹出。也许有人能帮我。谢谢大家!

这是我的密码：

我调用datetimepicker函数的行是：

{ key: false, hidden: false, name: 'Beginn', index: 'Beginn', align: 'center', editable: true, formatter: 'date', formatoptions: {  newformat: 'd-M-Y HH:mm' }, datefmt: 'd-M-Y', timefmt: 'HH:mm', editoptions: {  dataInit: initDate }, width: 50, searchoptions: { clearSearch: false } },


<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/themes/base/all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/JQGrid/jquery-1.11.0.min.js"></script>
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/themes/base/all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/JQGrid/jquery-1.11.0.min.js"></script>


<script type="text/javascript">

    $(window).bind('resize', function () {
        var width1 = $('#jqgrid_container2').width();
        $('#tblJQGridBereitschaft').setGridWidth(width1);
    });


    function Tastensperre(event) {
        var obj = event.srcElement || event.target;
        if (obj.tagName == 'INPUT') return true;
        if (obj.tagName == 'TEXTAREA') return true;
        if (event.keyCode == 18 || event.keyCode == 8) {
            return false;
        }
        else {
            return true;
        }
    }

    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode != 46 && charCode > 31
          && (charCode < 48 || charCode > 57))
            return false;

        return true;
    }

    jQuery.datetimepicker.setLocale('de');

    initDate = function (elem) {
        setTimeout(function () {
            $(elem).datetimepicker({
                dateFormat: 'dd-mm-yy',
                timeFormat: 'HH:mm'
            });
        }, 100);
    };

    $(document).ready(function () {
        $("#tblJQGridBereitschaft").jqGrid(
        {
            url: 'Bereitschaft/GetBereitschaft',
            datatype: "json",
            mtype: 'GET',
            colNames: ['ID','DNR', 'Beginn', 'Ende', 'Feiertag', 'B_ID', 'Bereich', 'Info', 'Phone', 'ST_ID', 'Status'],
            colModel: [
            { key: true, hidden: true, name: 'ID', index: 'ID', align: 'center', width: 15, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'DNR', index: 'DNR', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Beginn', index: 'Beginn', align: 'center', editable: true, formatter: 'date', formatoptions: { srcformat: 'ISO8601Long', newformat: 'd-M-Y HH:mm' }, datefmt: 'd-M-Y', timefmt: 'HH:mm', editoptions: { edithidden: false, dataInit: initDate }, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Ende', index: 'Ende', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Feiertag', index: 'Feiertag', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: true, name: 'B_ID', index: 'B_ID', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Bereich', index: 'Bereich', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Info', index: 'Info', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: false, name: 'Phone', index: 'Phone', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: true, name: 'ST_ID', index: 'ST_ID', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } },
            { key: false, hidden: true, name: 'Status', index: 'Status', align: 'center', editable: true, width: 50, searchoptions: { clearSearch: false } }],
            sortname: 'Beginn',
            viewrecords: false,
            sortorder: "asc",
            scroll: true,
            refresh: true,
            loadonce: true,
            height: 500,
            autowidth: true,
            shrinkToFit: true,
            rowNum: 20000,
            caption: "",
            jsonReader: {
                root: "rows",
                page: "page",
                total: "total",
                records: "records",
                repeatitems: false,
                Id: "0"
            },
            gridComplete: function () {
                var myGrid = $("#tblJQGridBereitschaft");
                $("#cb_" + myGrid[0].id).hide();
            },
            onSelectRow: function (id) {
                var rid = jQuery('#tblJQGridBereitschaft').jqGrid("getGridParam", "selrow");
                if (rid) {
                    var row = jQuery('#tblJQGridBereitschaft').jqGrid("getRowData", rid);
                }
            },
            beforeSelectRow: function (rowid, e) {
                jQuery("#tblJQGridBereitschaft").jqGrid('resetSelection');
                return (true);
            },
            scrollOffset: 0,
            multiselect: true,
            pager: '#JQGridPagerGridBereitschaft',
        });

        /*SEARCH TOOLBAR OF CUSTOMERS FROM SELECTED IMPORT FILE*/
        jQuery("#tblJQGridBereitschaft").jqGrid('filterToolbar', { searchOperators: false });

        $("#tblJQGridBereitschaft").navGrid("#JQGridPagerGridBereitschaft", { edit: true, add: true, del: true, search: false, refresh: false },
           {
               /*EDIT*/
               zIndex: 10000,
               rowNum: 1000,
               url: 'Bereitschaft/ModifyBereitschaft',
               closeOnEscape: true,
               closeAfterEdit: true,
               recreateForm: true,
               beforeShowForm: function (form) {
               },
               afterComplete: function (response) {
                   jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: false })
                   jQuery("#tblJQGridBereitschaft").setGridParam({ datatype: "json" })
                   jQuery("#tblJQGridBereitschaft").setGridParam({ url: '@Url.Action("GetBereitschaft", "Bereitschaft")', page: 1 }).trigger('reloadGrid');
                   jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: true })
               }
           },
           {   /*ADD*/
               zIndex: 100000,
               url: "Bereitschaft/CreateBereitschaft",
               closeOnEscape: true,
               closeAfterAdd: true,
               recreateForm: true,
               afterComplete: function (response) {
                   jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: false })
                   jQuery("#tblJQGridBereitschaft").setGridParam({ datatype: "json" })
                   jQuery("#tblJQGridBereitschaft").setGridParam({ url: '@Url.Action("GetBereitschaft", "Bereitschaft")', page: 1 }).trigger('reloadGrid');
                   jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: true })
               }
           },
           {    /*DELETE*/
                zIndex: 10000,
                url: "Bereitschaft/DeleteBereitschaft",
                closeOnEscape: true,
                closeAfterDelete: true,
                recreateForm: true,
                afterComplete: function (response) {
                    jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: false })
                    jQuery("#tblJQGridBereitschaft").setGridParam({ datatype: "json" })
                    jQuery("#tblJQGridBereitschaft").setGridParam({ url: '@Url.Action("GetBereitschaft", "Bereitschaft")', page: 1 }).trigger('reloadGrid');
                    jQuery("#tblJQGridBereitschaft").setGridParam({ loadonce: true })
                 }
           }
           );
    });

</script>

{key:false，hidden:false，name:'Beginn'，index:'Beginn'，align:'center'，edite:true，formatter:'date'，formattoptions:{newformat:'d-M-Y HH:mm'，datefmt:'d-M-Y'，timemt:'HH:mm'，editoptions:{dataInit init init date width:50，searchoptions:{clearSearch:false}，
$（窗口）.bind（'resize'，函数（）{
var width1=$（'#jqgrid_container2'）.width（）；
$（'tblJQGridBereitschaft'）。设置网格宽度（宽度1）；
});
函数Tastensperre（事件）{
var obj=event.srcmelement | | event.target；
如果（obj.tagName=='INPUT'）返回true；
如果（obj.tagName=='TEXTAREA'）返回true；
if（event.keyCode==18 | | event.keyCode==8）{
返回false；
}
否则{
返回true；
}
}
函数isNumberKey（evt）{
var charCode=（evt.which）？evt.which:event.keyCode；
如果（charCode！=46&&charCode>31
&&（字符编码<48 | |字符编码>57））
返回false；
返回true；
}
jQuery.datetimepicker.setLocale（'de'）；
initDate=函数（elem）{
setTimeout（函数（）{
$（elem）.datetimepicker({
日期格式：“dd-mm-yy”，
时间格式：“HH:mm”
});
}, 100);
};
$（文档）.ready（函数（）{
$（“#tblJQGridBereitschaft”）.jqGrid(
{
url:'Bereitschaft/GetBereitschaft'，
数据类型：“json”，
mtype:'获取'，
colNames:['ID'、'DNR'、'Beginn'、'Ende'、'Feiertag'、'B_ID'、'Bereich'、'Info'、'Phone'、'ST_ID'、'Status']，
colModel：[
{key:true，hidden:true，name:'ID'，index:'ID'，align:'center'，width:15，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'DNR'，index:'DNR'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Beginn'，index:'Beginn'，align:'center'，edite:true，formatter:'date'，formattoptions:{srcformat:'ISO8601Long'，newformat:'d-M-Y HH:mm'，datefmt:'d-M-Y'，timemt HH:mm'，editoptions:{edithidden:false，dataInit init init init date，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Ende'，index:'Ende'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Feiertag'，index:'Feiertag'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:true，name:'B_ID'，index:'B_ID'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Bereich'，index:'Bereich'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Info'，index:'Info'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:false，name:'Phone'，index:'Phone'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:true，name:'ST_ID'，index:'ST_ID'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}，
{key:false，hidden:true，name:'Status'，index:'Status'，align:'center'，editable:true，width:50，searchoptions:{clearSearch:false}}]，
sortname:“Beginn”，
viewrecords:false，
分拣员：“asc”，
卷轴：没错，
刷新：是的，
有一次：是的，
身高：500，
自动宽度：正确，
shrinkToFit：是的，
rowNum:20000，
标题：“，
jsonReader：{
根：“行”，
第页：“第页”，
总计：“总计”，
记录：“记录”，
重复项：false，
Id:“0”
},
gridComplete:函数（）{
var myGrid=$（“#tblJQGridBereitschaft”）；
$（“#cb#”+myGrid[0].id）.hide（）；
},
OnSetrow:功能（id）{
var rid=jQuery（'#tblJQGridBereitschaft'）.jqGrid（“getGridParam”，“selrow”）；
如果（rid）{
var row=jQuery（'#tblJQGridBereitschaft'）.jqGrid（“getRowData”，rid）；
}
},
beforeSelectRow:函数（rowid，e）{
jQuery（#tblJQGridBereitschaft”）.jqGrid（'resetSelection'）；
返回（真）；
},
滚动偏移量：0，
多选：对，
寻呼机：“#jqgridpagerridbereitschaft”，
});
/*从所选导入文件中搜索客户的工具栏*/
jQuery（“#tblJQGridBereitschaft”）.jqGrid（'filterToolbar'，{searchOperators:false}）；
$（“#tblJQGridBereitschaft”）.navGrid（#JQGridPagerGridBereitschaft“，{edit:true，add:true，del:true，search:false，refresh:false}，
{
/*编辑*/
zIndex:10000，
rowNum:1000，
url:'Bereitschaft/ModifyBereitschaft'，
closeOnEscape：没错，
closeAfterEdit:true，
再现形式：正确，
beforeShowForm:函数（形式）{
},
完成后：功能（响应）{
jQuery（“#t
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link type="text/css" href="jquery.simple-dtpicker.css" rel="stylesheet" />
<link href="~/Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="~/Content/themes/base/all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/JQGrid/jquery-1.11.0.min.js"></script>
<!-- link here jqgrid jqGrid.min.js -->
<!-- link here jqgrid grid.locale-en.js-->
<script type="text/javascript" src="jquery.simple-dtpicker.js"></script>

<link href="~/Scripts/jquery-ui-1.12.1/jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet" />
<link href="~/Scripts/Guriddo_jqGrid_JS_5.2.0/css/ui.jqgrid.css" rel="stylesheet" />
<script src="~/Scripts/Guriddo_jqGrid_JS_5.2.0/js/jquery-1.11.0.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1/jquery-ui-1.12.1/jquery-ui.js"> </script>
<script src="~/Scripts/Guriddo_jqGrid_JS_5.2.0/js/i18n/grid.locale-en.js"></script>
<script src="~/Scripts/Guriddo_jqGrid_JS_5.2.0/js/jquery.jqGrid.min.js"></script>

 { name: 'Date', index: 'Date', editable: true, edittype: 'text',
                    editable: true,
                    editrules:
                        {  required: true, },     
                editoptions: {
                    size: 10, maxlengh: 10,
                    dataInit: function(element) {
                        $(element).datepicker({dateFormat: 'yy.mm.dd'})
                    }

                }},