jquery - Datepicker is not showing in jqGrid edit form fields -


i have jqgrid installed , working great date picker not show on edit form. have set u double click on row opens edit form datepicker not show? ideas? here head info.

<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> 

i warning in firebug "typeerror: $(...).datepicker not function" . i'm doing wrong?thanks

<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}); }      }); }); 

in html pasted above, don't see link jquery-ui javascript file.


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -