DateBox

Extend from $.fn.combo.defaults. Override defaults with $.fn.datebox.defaults

Combo

Extend from $.fn.validatebox.defaults. Override defaults with $.fn.combo.defaults.

Validatebox

Override defaults with $.fn.validatebox.defaults.

The datebox combines a editable text box with drop-down calendar panel that allows the user to select a date. The entered string in the text box can be transformed to a valid date. The selected date can also be formatted as expected.

自定义时间显示格式：

<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
<script type="text/javascript">
 function myformatter(date){
  var y = date.getFullYear();
  var m = date.getMonth()+1;
  var d = date.getDate();
  return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
 }
 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>

重要的onSelect事件

根据上述继承关系，我们可以自定义校验规则：