Datepicker不显示在jqGrid编辑表单域

问题描述：

我已经安装了jqgrid，并且一切都很好，只是日期选择器不显示在编辑窗体上。我已经设置了你在哪里我双击它打开编辑窗体，但datepicker不显示？有任何想法吗？这是我的头部信息。Datepicker不显示在jqGrid编辑表单域

<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.10.3.custom.min.css" /> 

<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/nhf.css" /> 


<style type="text/css"> 
html, body { 
    margin: 0; 
    padding: 0; 
    font-size: 95%; 
} 
</style> 

<script src="js/jquery-1.9.0.min.js" type="text/javascript"></script> 
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

我在萤火虫中发现“TypeError：$（...）。datepicker不是函数”的警告。我做错了什么？谢谢

<script type="text/javascript"> 
$(function(){ 
    $("#list").jqGrid({ 
    url:'request.php', 
    datatype: 'xml', 
    mtype: 'GET', 
    height: 350, 
    colNames:['id','Project', 'Assigned To','Assign Date','Check Date','Due Date','Attachments'], 
    colModel :[ 
     {name:'id', index:'id', width:20}, 
     {name:'name', index:'name', width:200, align:'left',editable:true, editoptions:{ 
      size:70} }, 
     {name:'id_continent', index:'id_continent', width:80, align:'right',editable:true,edittype:'select', 
     editoptions:{value: "Henry:Henry; Ramon:Ramon; Paul:Paul" } }, 

     {name:'lastvisit', index:'lastvisit', width:70, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y',editable:true, edittype: 'text', }, 
     {name:'cdate', index:'cdate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y', edittype: 'text',editable:true , editoptions: { dataInit: function(el) { setTimeout(function() { $(el).datepicker(); }, 200); } } }, 
     {name:'ddate', index:'ddate', width:80, align:'right',formatter: 'date',srcformat:'yyyy-mm-dd',newformat: 'm-d-Y',date:'true',editable:true, edittype: 'text',}, 
     {name:'email', index:'email', width:80,align:'center',sortable:false} 
    ], 
    pager: '#pager', 
    rowNum:20, 
    rowList:[20,40,80], 
    sortname: 'id', 
    sortorder: 'desc', 
    viewrecords: true, 
    gridview: true, 
    caption: 'Pending Assignements', 
    ondblClickRow: function(rowid) { 

    jQuery(this).jqGrid('editGridRow', rowid, 
         {width:500,Height:400,recreateForm:true,closeAfterEdit:true, 
         closeOnEscape:true,reloadAfterSubmit:false}); 
} 

    }); });

答

在上面粘贴的html中，我没有看到jquery-ui javascript文件的链接。

答

参考此链接 http://www.trirand.com/blog/phpjqgrid/examples/integrations/datepicker/default.php

我用了ui.datepicker.css”和 ui.datepicker.js因此它不删除这一点，是工作的罚款。

使用require_once ABSPATH后工作。 “php/jqCalendar.php”;

Datepicker不显示在jqGrid编辑表单域

相关推荐