Javascript 在jqgrid的列中插入日期选择器（不带jquery日期选择器）

我试图在jqgrid的列中插入一个日期选择器，但该日期选择器不会显示。我不知道为什么，但我的问题是我是否可以（如果可能的话）插入另一个日期选择器（非jquery）或其他日期选择器

或者您可以帮助我正确插入jquery日期选择器。这是我的密码

container.jqGrid({
    width: 440,
    height: 260,
    colNames:[ "Id", "Combustible", "Factor", "Fecha Inicio", "Fecha Fin", "Borrar"],
    colModel : [
        {name: 'idproduct', index: 'idproduct', width: 25, sortable: false, align: 'center', editable: true, editoptions:{maxlength:5}},
        {name: 'fuel',  index : 'fuel',  width : 60,    sortable: false, align: 'center', editable: true, edittype:"select", editoptions:{value:"1:Magna;2:Premium;3:Diesel"} },
        {name: 'factor', index : 'factor',  width : 30, sortable: false, align: 'center'  , editable: true, editoptions:{maxlength:5} },
        {name: 'dateStart', index : 'dateStart',  width : 60,   sortable: false, align: 'right', editable: true, editoptions: { size: 20, maxlengh: 10,
                dataInit: function(element) 
                         { $(element).datepicker({ dateFormat: 'yy/mm/dd',        constrainInput: false, showOn: 'button', buttonText: '...' });
                         } } 
        },

        {name: 'dateEnd', index : 'dateEnd',  width : 60,   sortable : false, align: 'right', editable:true, 
         editrules: { date: true, minValue: 0 }, datefmt: 'yy-mm-dd' },
        {name: 'delButton',  index: 'delButton',  width: 40,  sortable: false, align: 'center'}
    ],
    pager: containerPager, 
    pgbuttons: false, 
    pginput:false,
    viewrecords: false,
    rowNum: 0,
    rowList: 0,
    pgtext: "",
    caption: "Promociones Hora Feliz",
    loadGrid: true,
    loadComplete: function()
    {
        var ids = container.getDataIDs();
        for(var i=0; i<ids.length; i++)
        {
            var cl = ids[i];
            delButton = "<center><div class=\"ui-state-error-text ui-corner-all \" style=\"height:16px; width:16px; margin: 2px; cursor: pointer; \" " +
                " title=\"Borrar Registro\" onclick=\"$(\'#" + container.attr("id") +"\').delRowData('"+cl+"');\">"+
                "<span class=\"ui-icon ui-icon-circle-close\" style=\"float: left; margin-right: .3em;\"></span>"+
                "</div></center>"
            container.setRowData( ids[i], { delButton:delButton } );
        }
    },

    afterEditCell: function(rowid,celname,value,iRow,iCol) {
        $("#" + iRow + "_factor").numericFloat();
        $("#" + iRow + "_idproduct").numericFloat();
    },

    afterSaveCell: function(rowid, celname, value, iRow, iCol)
    { 
        var rangesPoints = [];  
        var ids = container.getDataIDs();
        $.each(ids,function(id,value){
            var retx = container.getRowData( value +"");
            var rangesPointTmp = [];
            rangesPointTmp[0] = parseInt( retx.idproduct );
            rangesPointTmp[1] = retx.fuel;
            rangesPointTmp[2] = parseFloat( retx.factor );

            rangesPointTmp[3] = retx.dateStart;
            rangesPointTmp[4] = retx.dateEnd;;

            rangesPoints.push(rangesPointTmp);
        });

    },
    onSelectRow: function(id){},
    cellEdit: true,
    cellsubmit: 'clientArray'
}).navGrid( containerPager.attr("id") ,{edit:false,add:false,del:false, search:false })
.toolBarButtonAdd({
    caption:"Agregar", 
    buttonimg:"ui-icon-plus",
    onClickButton: function(){
        if( ! container.getGridParam("records") )
        {
            nextId +=1;
        }
        else{
            var ids = container.getDataIDs();
            nextId = parseInt( ids[0] );
            var retx = container.getRowData( nextId +"");

            if( parseFloat(retx.factor) == 0 || parseFloat(retx.idproduct) == 0)
            {
                showErrorMessageDialog({message:"Existen datos no validos"});
                return false;
            }

            nextId +=1;
        }
        var datarow = {
            idproduct: "",
            fuel: "",
            factor: "",
            dateStart: "",
            dateEnd: "",
            delButton :"<center><div  class=\"ui-state-error-text\"  style=\"height:16px; width:16px; margin: 2px; cursor: pointer; \" " +
                " title=\"Borrar Registro\" onclick=\"$(\'#" + container.attr("id") +"\').delRowData('"+ nextId +"');\"> " +
                "<span class=\"ui-icon ui-icon-circle-close\" style=\"float: left; margin-right: .3em;\"></span>" +
                "</div></center>"
        };
        var su=container.addRowData( nextId, datarow, 'first');
    },
    position: "last"
});

container.jqGrid({
宽度：440，
身高：260，
colNames:[“Id”、“可燃”、“因子”、“Fecha Inicio”、“Fecha Fin”、“Borrar”]，
colModel：[
{name:'idproduct'，index:'idproduct'，width:25，sortable:false，align:'center'，editable:true，editoptions:{maxlength:5}，
{name:'fuel'，index:'fuel'，width:60，sortable:false，align:'center'，edit:true，edittype:'select'，editoptions:{value:'1:Magna；2:Premium；3:Diesel'}，
{name:'factor'，index:'factor'，width:30，sortable:false，align:'center'，editable:true，editoptions:{maxlength:5}，
{名称：'dateStart'，索引：'dateStart'，宽度：60，可排序：false，对齐：'right'，可编辑：true，可编辑选项：{大小：20，最大长度：10，
dataInit：函数（元素）
{$（元素）.datepicker（{dateFormat:'yy/mm/dd'，ConstraintInput:false，showOn:'button'，buttonText:'…'）；
} } 
},
{name:'dateEnd'，index:'dateEnd'，width:60，sortable:false，align:'right'，editable:true，
editrules:{date:true，minValue:0}，datefmt:'yy-mm-dd'}，
{name:'delButton'，index:'delButton'，宽度：40，可排序：false，align:'center'}
],
传呼机：集装箱管理员，
PG按钮：错误，
pginput:false，
viewrecords:false，
rowNum:0，
行列表：0，
pgtext:“”，
描述：“霍拉·费利兹宣传片”，
loadGrid：对，
loadComplete:function（）
{
var id=container.getDataId（）；
for（var i=0；i是对工作代码的摆弄

请记住，您尝试使用的日期选择器属于jQuery UI，而不是jQuery。因此，您需要在项目中同时包含这两个元素（您可以在此处下载jQuery和）

我还在dateStart和dateEnd列中添加了
formatter:“date”
。请确保
FormattOptions
与datepicker选项中的
dateFormat
相匹配

另外，您还可以看到如何使用“删除”按钮实现操作列，以防当前按钮不起作用而您需要它（我没有在小提琴中使用此列）。
您好，谢谢您的回答，但是这些文件（jquery ui和jquery）包括，一个细节日期选择器在html代码中正常工作，但在jqgrid中不正常，也许你知道如何在jqgrid中包含其他类型的日期选择器。你试过我制作的提琴的代码吗？日期选择器在jqgrid中工作得很好，我没有对你的代码做太多修改来使其正常工作。遗憾的是不工作，可能是c的问题ss或jquery文件（可能版本不同），我尝试更改版本或对文件进行同构，谢谢您的回答