如何在jqGrid中使用输入type ='date'作为日期列

引用正确路径下的WdatePicker.js后可以用以下两种方式

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:'id',index:'id',width:300},

{name:'dt',index:'dt',width:400,sortable:false,search:false,editable:true,

editoptions:{

//方式1

// dataInit:function(el){

// $(el).click(function(){

//　 WdatePicker()

// })

// }

}

,editrules:{edithidden:true,required:true,date:true}}

],

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()

})

}

},

{

<video

id="videoID"

src="video.mp4"

poster="loadbg.jpg"　视频封面

preload="auto"

x-webkit-airplay="allow"

x5-video-player-type="h5"　启用H5播放器,是wechat安卓版特性

x5-video-player-fullscreen="true"　全屏设置，设置为 true 是防止横屏

x5-video-orientation="portraint"　播放器支付的方向，landscape横屏，portraint竖屏，默认值为竖屏

webkit-playsinline="true"　这个属性是iOS 10中设置可以让视频在小窗内播放，也就是不是全屏播放

playsinline="true"　ios微信浏览器支持小窗内播放

style="object-fit:fill">

</video>

$("input[type='hidden']").attr(‘type’,'text')

这句话的意思是遍历所有input标签，具体是指type类型为hidden的input标签，然后对它的type属性进行更改 改为：text.

这类表达还长用于多选框中如：

$('.class').find("input[type='checkbox']").attr('checked', 'checked')

能熟记了吧！

---