如何在jqGrid的添加行对话框中添加datepicker?
嗨,我正在使用jqGrid,我想知道,在添加行对话框中,如何将jQueryUI的datepicker添加到某些输入字段?
另外,我如何检查输入的输入是否有效?
提前致谢!
在我自己研究了这个之后,这是我根据其他人的各种意见捣碎在一起的东西。 我假设您已经拥有CSS和JS datepicker文件。 如果没有,请告诉我,我会为你追踪它们。 在标记内,将以下内容放在
行之后:
然后,仍然在标签内, 在
之后插入以下内容
现在,在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 datepicker示例。
希望这会有所帮助。
您需要将此行添加到updateDialog
或addDialog
:
afterShowForm: function (formId) { $("#CreationDate").datepicker(); }
希望这可以帮助。
要在创建/编辑弹出窗口中获取日期选取器,您需要将此行添加到updateDialog或addDialog:
afterShowForm: function (formId) { $("#CreationDate").datepicker(); }
如果要格式化它,可以在datepicker()中设置格式选项..如:
afterShowForm: function (formId) { $("#CreationDate").datepicker({ dateFormat: "dd/M/yy"});}
我修改了一些我发现的代码片段。 我想使用JSON与本地数据,以及将datepicker作为我的添加行按钮的一部分,这是有效的。
Javascript: ...
HTML: ...