jquery – 如何在jqGrid的添加行对话框中添加datepicker？

在我自己一段时间研究之后,这是我根据其他人的各种意见捣碎在一起的.我假设您已经拥有CSS和JS日期戳记文件.如果没有,让我知道,我会跟踪他们.在< head>内标签,在您的< link rel =“stylesheet”之后放置以下内容... href =“css / ui.jqgrid.css”/>线：

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

然后,仍然在< head>标签记住你,在< script src =“js / jquery-ui-1.7.2.custom.min.js”...>< / script>之后插入以下内容.

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

现在,在colmodel数组中,你将把datepicker JS代码添加到使用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.维基拥有该工具的文档,博客还有论坛每天都会提出问题.事实上,我认为插件的作者Tony甚至在他的示例页面上有一个UI日期戳记示例.

希望有帮助.