A validate type must be extended to compare two date value. Please see the code below:
<script>
$.extend($.fn.validatebox.defaults.rules, {
greaterThan:{
validator: function(value,param){
var v1 = $(param[0]).datebox('getValue');
var d1 = $.fn.datebox.defaults.parser(v1);
var d2 = $.fn.datebox.defaults.parser(value);
return d2 > d1;
},
message: 'Please select a greater date.'
}
})
</script>
Once the 'greaterThan' validate type is ready, apply it to the second date box component.
<input id="d1" class="easyui-datebox" required>
<input id="d2" class="easyui-datebox" required validType="greaterThan['#d1']">