easyui的datebox设置时间范围和日期格式

最新推荐文章于 2022-12-28 15:58:51 发布

huawangxin

最新推荐文章于 2022-12-28 15:58:51 发布

阅读量1.6k

点赞数 1

分类专栏： java 文章标签： easyui datebox

本文链接：https://blog.csdn.net/huawangxin/article/details/54946874

版权

java 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

该功能适用于1.3.6版本以上，请注意你项目的版本号

<input name="createtime_d" id="createtime" class="easyui-datebox" data-options="width:90,formatter:myformatter,parser:myparser"> -- <input name="createtime_d" id="endTime"

class="easyui-datebox" data-options="width:90,formatter:myformatter,parser:myparser">
<script>
<%--限制日期范围--%>
$('#endTime').datebox().datebox('calendar').calendar({
validator: function(date){
var now = new Date();
var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());
return d1>=date;
}
});
function myformatter(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'-'+(m<10?('0'+m):m);
}
function myparser(s){
if (!s) return new Date();
var ss = (s.split('-'));
var y = parseInt(ss[0],10);
var m = parseInt(ss[1],10);
var d = parseInt(ss[2],10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
return new Date(y,m-1,d);
} else {
return new Date();
}
}
</script>