使用时,首先引入easyui的相关组件
<link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="/jquery-easyui-1.2.4/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
<script src="/jquery-easyui-1.2.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
在html中写入一条语句
<body>
<input id="datebox" name="datebox" type="text"/>
</body>
再写一个script来给这个input附上属性
<script>
$(function(){
$("#datebox").datebox({
required:"true",
showSeconds:"false",
//日期格式
formatter:function(date){
if(date != null && date != ''){
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var h = date.getHours();
var mm = date.getMinutes();
//日期选择框显示的格式
return y + "年" + (m < 10 ? ("0" + m) : m) + "月" + (d < 10 ? ("0" + d) : d) + "日";
}
}
})
})
</script>
ok 其中required: true 表示输入框为必填属性