TimeField Example : Time Field « Ext JS « JavaScript DHTML






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

TimeField Example

  

<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>
<script type="text/javascript">

Ext.onReady(function(){
  var formPanel = new Ext.form.FormPanel({
    title:'TimeField Example',
    applyTo:'mainContent',
    layout:'form',
    labelAlign:'top',
    width:210,
    autoHeight:true,
    frame:true,
    items:[{
      xtype:'timefield',
      fieldLabel:'Time',
      minValue: '9:00 AM',
        maxValue: '6:00 PM',
        increment: 30
    }]
  });
});

</script>
<body>
    <div id="mainContent">
    </div>
</body>
</html>








Related examples in the same category

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