Create and use time field : Time Field « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Time Field

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>








Related examples in the same category

1.Set time format for time field
2.Set min and max value for time value field
3.Set increment value for time field
4.Create Ext.form.TimeField
5.minValue and maxValue for Ext.form.TimeField
6.TimeField Example