gpt4 book ai didi

jquery - 如何在 jqGrid 的添加行对话框中添加日期选择器?

转载 作者:行者123 更新时间:2023-12-03 22:08:41 24 4
gpt4 key购买 nike

您好,我正在使用 jqGrid,我想知道如何在添加行对话框中将 jQueryUI 的日期选择器添加到某些输入字段?

另外如何检查输入的内容是否有效?

提前致谢!

最佳答案

不久前我自己对此进行了研究,这是我根据其他人的各种输入将其混杂在一起的结果。我假设您已经拥有 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 日期选择器示例。

希望有帮助。

关于jquery - 如何在 jqGrid 的添加行对话框中添加日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2152763/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com