如何在jqgrid中写入时间选择器字段
如何在jqgrid中添加时间选择器字段…这是我在这里的代码如何在jqgrid中添加时间选择器字段 这些是导入文件如何在jqgrid中写入时间选择器字段,jqgrid,Jqgrid,如何在jqgrid中添加时间选择器字段…这是我在这里的代码如何在jqgrid中添加时间选择器字段 这些是导入文件 <link rel="stylesheet" href="css/redmond/jquery-ui.css"> <link rel="stylesheet" href="css/redmond/jquery.ui.theme.css"> <link rel="stylesheet" href="css/ui.jqgrid.css">
<link rel="stylesheet" href="css/redmond/jquery-ui.css">
<link rel="stylesheet" href="css/redmond/jquery.ui.theme.css">
<link rel="stylesheet" href="css/ui.jqgrid.css">
<link rel="stylesheet" href="css/redmond/jquery-ui-timepicker-addon-1.4.3.css">
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="js/grid.locale-en.js" type="text/javascript"></script>
<script src="js/grid-search.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="jquery-ui-timepicker-addon-1.4.3.js" type="text/javascript"></script>
{name:'joinDate',index:'joinDate',width:4.5,
editable:true,editoptions:{size:12,
dataInit:function(elem){
$(elem).datetimepicker({dateFormat: 'dd-mm-yy',
timeFormat: 'H:mm',});
},
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;
}},
editrules:{required:true},
formatoptions: {srcformat:'ISO8601Long', newformat:'d-M-y H:i'}},
{名称:'joinDate',索引:'joinDate',宽度:4.5,
可编辑:true,可编辑选项:{size:12,
dataInit:函数(elem){
$(elem).datetimepicker({dateFormat:'dd-mm-yy',
时间格式:'H:mm',});
},
defaultValue:function(){
var currentTime=新日期();
var month=parseInt(currentTime.getMonth()+1);
month=month例如,您可以使用jQuery UI插件,它允许实现纯timepicker
或datetimepicker
。您只需将$(el).datepicker
替换为$(el).datetimepicker
,并包括datetimepicker
的选项
例如,我为其创建了一个小的修改。它演示了如何使用datetimepicker
。重要的是要知道哪些格式包含用于填充网格的输入数据,以及以何种格式向用户显示数据。您当前在编辑表单中显示yyyy-mm-dd
,并使用'dd-mm-yy'
作为jQuery UI Datepicker的选项。@oleg感谢回复。。是的,我现在做了worng格式我更正了它…那是日期格式Datepicker。。我如何在网格中编写时间选择器???@oleg感谢回复。。我得到了jQuery插件,因为他们给出了类似“$(“#basic#example_1')的代码。datetimepicker()“他们提供了有关datetimepicker的库文件.#意味着他们获取了id我如何才能以列名称提供id请回复我谢谢你的回复...非常感谢...以及如何提供“dateFormat:'dd-mm-yy'”这是日期格式,但如何提供datetime格式???@manasvi:不客气!你没有描述输入da的格式ta和用于向用户显示的。显示了使用dateFormat
和timeFormat
的示例。我使用了dateFormat:“dd/mm/yy”
。中描述的dateFormat
格式。如果您使用格式化程序:'date'
您应该使用srcformat
和newformat
的formatoptions
另外。感谢您的回复,,,我在jquery方面很差,很抱歉提出这个疑问,但我没有得到输出,这就是我询问..datepicker的原因({dateFormat:'dd-mm-yy'})替换为'datetimepicker({dateFormat:'dd-mm-yy'})'导入的库文件相关文件。我的代码中发生了什么,请就此回复我answer@manasvi:我之前写信给你,我需要知道输入日期的确切格式和显示数据的确切格式。例如,我在演示中使用了“2007-12-02T23:07:36”
。所以我使用了格式化程序:“日期”,格式化选项:{srcformat:“ISO8601Long”,新格式:“d/m/Y H:I”}
和`dateFormat:“dd/mm/yy”,timeFormat:“HH:mm”。你问:“我的代码中发生了什么?”“*不*发布我需要的重要信息。如果未指定formatoptions
的srcformat`和newformat
,则区域设置文件grid.locale XX.js
(如grid.locale-de.js
)是很重要的。你能发布信息吗?@manasvi:我多次询问你使用的dateOfBirth
列输入数据的确切格式。你能回答我的问题吗?顺便说一句,如果你想包含其他信息,你不应该发布你自己问题的答案。你应该单击“编辑”而不是“编辑”链接到问题下方并修改问题的文本。通常会在原始文本后附加“更新:”和新信息。在您发布的代码中多次包含jqGrid(jquery.jqGrid.src.js和jquery.jqGrid.src fixed dragStart.js),这是错误的。