Create and use time field
<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { Ext.QuickTips.init(); var dateField = { xtype : 'timefield', fieldLabel : "Time", anchor : '100%' } new Ext.Window({ title : 'Title', layout : 'form', labelWidth : 100, height : 70, width : 250, bodyStyle : 'padding: 5px', items : dateField }).show(); }); </script> <div id='div1'>asdf</div> </body> </html>