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






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

Set increment value 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 time format for time field
3.Set min and max value for time value field
4.Create Ext.form.TimeField
5.minValue and maxValue for Ext.form.TimeField
6.TimeField Example