git.roojs.org Git - roojs1/blob - examples/form/monthPicker.html

   1 <!--From: admin@prettybooked.com
   2 To: {t.person.email:h}
   3 Subject: EMAIL VERIFICATION: Your sign up request from Prettybooked
   4 Content-Type: text/html; charset="utf-8"
   5 Message-Id: {t.full_msgid}
   6 Mime-Version: 1.0-->
   7
   8 <!DOCTYPE html>
   9 <html>
  10     <head>
  11         <title></title>
  12         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13         <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
  14     <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
  15     <link rel="stylesheet" type="text/css" href="../../css/daypicker.css"/>
  16
  17
  18      <script type="text/javascript" src="../../roojs-debug.js"></script>
  19
  20     <script type="text/javascript" src="../../Roo/form/DayPicker.js"></script>
  21
  22     <!-- for testing -->
  23     <script type="text/javascript" src="../../Roo/form/HtmlEditor.js"></script>
  24     <script type="text/javascript" src="../../Roo/form/HtmlEditor/ToolbarStandard.js"></script>
  25
  26     <script type="text/javascript" src="../../Roo/form/ComboBoxArray.js"></script>
  27     <script type="text/javascript" src="../../Roo/form/MonthField.js"></script>
  28
  29     <!-- for testing new time picker.. -->
  30
  31
  32
  33     <!-- Common Styles for the examples -->
  34
  35     </head>
  36     <body>
  37         <script>
  38
  39             var form = false;
  40
  41             Roo.onReady(function(){
  42                 form = new Roo.form.Form({
  43                     labelAlign: 'right',
  44                     labelWidth: 80
  45                 });
  46
  47                 form.fieldset(
  48                     {legend:'Contact Information', style: 'width:320px;' },
  49                     new Roo.form.MonthField({
  50                         fieldLabel: 'Date of Month',
  51                         name: 'dom',
  52                         width:190,
  53                         allowBlank:false
  54                     })
  55                 );
  56                 form.render('form-ct3');
  57             });
  58         </script>
  59
  60         <div style="width:345px;"  class="roodocs-formblock">
  61             <h3>Fieldsets, labels right and complex fields</h3>
  62             <div id="form-ct3"></div>
  63         </div>
  64
  65
  66
  67
  68
  69     </body>
  70 </html>