<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>04.form</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function () {
var form = new Ext.form.FormPanel({
defaultType: 'datefield',
labelWidth: 50,
width: 220,
items: [{
fieldLabel: '文本框',
format: 'm/d/Y', //此处的格式需要与①处的相一致
id: '123'
}],
buttons: [{
text: '比较',
handler: function () {
var value1 = Ext.getCmp('123').getValue();
var dt1 = new Date(value1);//获取选择的时期对象
var dt2 = new Date();
var value2 = dt2.format('m/d/Y');//①
dt2 = new Date(value2);//获取当前日期的时间对象
value1 = Date.parse(dt1); //Date.parse的处理很关键
value2 = Date.parse(dt2);
if (value1 < value2) {
Ext.Msg.alert('结果', '选择日期<当前日期');
} else if (value1 > value2) {
Ext.Msg.alert('结果', '选择日期>当前日期');
}
else if (value1 == value2) {
Ext.Msg.alert('结果', '选择日期=当前日期');
}
}
}]
});
form.render("form");
});
</script>
</head>
<body>
<div id="form" style="margin:100px;"></div>
</body>
</html>
EXTJS 比较日期大小
最新推荐文章于 2018-05-25 10:51:38 发布