Set min and max value for time value field : Time Field « Ext JS « JavaScript DHTML






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

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