Set time format for time field : Time Field « Ext JS « JavaScript DHTML






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

Set time format for 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 : "Please select time",
       anchor     : '100%',
       minValue   : '09:00',
       maxValue   : '18:00',
       increment  : 30,
       format     : 'H:i'
    }
       
    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.Create and use 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