Как я включаю datepicker добавить диалоговое окно строки в jqGrid?

Некоторое время назад я сам исследовал это, и вот что я собрал вместе, основываясь на различных мнениях других. Я предполагаю, что у вас уже есть файлы datepicker CSS и JS. Если нет, дайте мне знать, и я разыщу их для вас. В тегах поместите следующие после вашего строка:

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

Затем, все еще в пределах тегов , помните, вставьте следующий после вашего

<script type="text/javascript" src="js/ui.datepicker.js"></script>

Теперь в массиве colmodel вы собираетесь добавить свой JS-код datepicker в поле, в котором будет использоваться datepicker. В моем случае у меня было поле «Дата последнего изменения». Итак, в массиве colmodel ваш код должен выглядеть примерно так:

{name:'last_modified_date', index:'last_modified_date', width:90, editable:true, editoptions:{size:20, 
                  dataInit:function(el){ 
                        $(el).datepicker({dateFormat:'yy-mm-dd'}); 
                  }, 
                  defaultValue: function(){ 
                    var currentTime = new Date(); 
                    var month = parseInt(currentTime.getMonth() + 1); 
                    month = month <= 9 ? "0"+month : month; 
                    var day = currentTime.getDate(); 
                    day = day <= 9 ? "0"+day : day; 
                    var year = currentTime.getFullYear(); 
                    return year+"-"+month + "-"+day; 
                  } 
                } 
              },

Кроме того, я уверен, что вы уже проверяли это, но обязательно посетите jqGrid wiki . В вики есть документация по этому инструменту, а в блоге также есть форумы, где ежедневно задаются вопросы. На самом деле, я думаю, что у Тони, автора плагина, даже есть пример UI datepicker на своей странице примера.

Надеюсь, это поможет.