easyUI自带的时间插件日期选择、月份选择、时间选择的使用

1.日期选择

   只要将class设置成easyui-datebox就可以了,当然前提是已经应用了easyui的js

 

2.时间选择

默认的时间选择是精确到年月日时分秒的,只要把class设置成easyui-datetimebox就可以实现

当然他的效果图是这样的:

 

所以如果需要自定义他的显示格式的话我们需要自己重写他的format方法:(注意下面红色部分需要加进去)

data-options="formatter:ww3,parser:w3" class="easyui-datetimebox">

上面代码是将显示格式变成:yyyy-mm-dd HH.也可以根据自己的需要修改上面的代码,比如你要精确到分或者秒,都可以的。下面是效果图:

easyUI自带的时间插件日期选择、月份选择、时间选择的使用_第1张图片

3.月份选择

easyui自带的是没有月份选择的panel的,所以我们需要修改一下源代码:

然后在js中:

最后的效果如下图:

easyUI自带的时间插件日期选择、月份选择、时间选择的使用_第2张图片


你可能感兴趣的:(jsp,easyui)