展开全部
以用以下两种方式
1.在定义列时在editoptions的dataInit写一个function，好处是不管是添加还是修改时都能显示日历控件，如下
{name:'dt',index:'dt',editable:true,
editoptions:{
dataInit:function(el){
$(el).click(function(){
WdatePicker();
});
}
}
}
2.在分别添加和修改中的beforeShowForm写一个function，好处是分别控制，如果只想在添加或者修改时显示日历控件就可以在需要的地方写,如下
.navGrid('#pagerb',{
add:true,edit:true
}
,{
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
{
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
'',
'',
''
);
完整如下
jQuery("#list").jqGrid({
url:"jqgriddata2.asp",
datatype: "json",
colNames:['No','date'],
colModel:[
,
{name:'dt',index:'dt',width:400,sortable:false,search:false,editable:true,
editoptions:{
//方式1
// dataInit:function(el){
// $(el).click(function(){
// WdatePicker();
// });
// }
}
,editrules:}
],
rowNum:30,
rowList:[10,20,30],
pager: jQuery('#pagerb'),
caption: "test"
})
.navGrid('#pagerb',{
add:true,edit:true
}
,{
//方式2
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
{
//方式2
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
'',
'',
''
);
不过发现用My97DatePicker有个bug，就是点击日期文本框弹出日历选择完后，再点击日期文本框的时候不能显示日历控件，要再次点击才能显示日历控件，使用jquery ui里面的datepicker就没这问题
而且jqgrid支持换肤，datepicker也支持，所以个人认为用datepicker好些，换肤的时候风格能保持统一。
另外,团IDC网上有许多产品团购,便宜有口碑
1.在定义列时在editoptions的dataInit写一个function，好处是不管是添加还是修改时都能显示日历控件，如下
{name:'dt',index:'dt',editable:true,
editoptions:{
dataInit:function(el){
$(el).click(function(){
WdatePicker();
});
}
}
}
2.在分别添加和修改中的beforeShowForm写一个function，好处是分别控制，如果只想在添加或者修改时显示日历控件就可以在需要的地方写,如下
.navGrid('#pagerb',{
add:true,edit:true
}
,{
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
{
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
'',
'',
''
);
完整如下
jQuery("#list").jqGrid({
url:"jqgriddata2.asp",
datatype: "json",
colNames:['No','date'],
colModel:[
,
{name:'dt',index:'dt',width:400,sortable:false,search:false,editable:true,
editoptions:{
//方式1
// dataInit:function(el){
// $(el).click(function(){
// WdatePicker();
// });
// }
}
,editrules:}
],
rowNum:30,
rowList:[10,20,30],
pager: jQuery('#pagerb'),
caption: "test"
})
.navGrid('#pagerb',{
add:true,edit:true
}
,{
//方式2
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
{
//方式2
url:"url",
beforeShowForm:function(frmgr){
jQuery("#dt",frmgr).click(function(){
WdatePicker();
});
}
},
'',
'',
''
);
不过发现用My97DatePicker有个bug，就是点击日期文本框弹出日历选择完后，再点击日期文本框的时候不能显示日历控件，要再次点击才能显示日历控件，使用jquery ui里面的datepicker就没这问题
而且jqgrid支持换肤，datepicker也支持，所以个人认为用datepicker好些，换肤的时候风格能保持统一。
另外,团IDC网上有许多产品团购,便宜有口碑
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接给对应的文本框设置个默认的value值即可。
%
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
String date= format.format(new Date());
%>
<body>
<input name="birthday" type="text" size="15" value="<%=date%> " onfocus = "WdatePicker({dateFmt:'yyyy-MM-dd '}) "/>
</body>
%
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
String date= format.format(new Date());
%>
<body>
<input name="birthday" type="text" size="15" value="<%=date%> " onfocus = "WdatePicker({dateFmt:'yyyy-MM-dd '}) "/>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
