<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--Ext js(4.0)官方下载的样式代码库-->
<link href="../ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<!--Ext js(4.0)官方下载的代码库-->
<script src="../ExtJs/ext-all.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function () {
var tm = new Ext.form.field.Time({ //时间控件
fieldLabel: "请选择闹钟时间",
format: "H:i"
});
var numText = new Ext.form.field.Number({ //数字控件
fieldLabel:"请输入你的年龄",
maxValue:40,
minValue:0,
value:1,
invalidText:"年龄必须在40到0岁之间",
maxText: "年龄必须在40到0岁之间",
minText: "年龄必须在40到0岁之间"
});
var w = new Ext.Window({
height: 400,
width: 500,
title: "Time-Number控件",
layout:{type:"vbox",align:"left"},
items: [
numText,tm
]
});
w.show(); //显示这个窗体
});
</script>
</head>
<body>
</body>
</html>
效果预览如下: