title: How to resolve Uncaught TypeError: Cannot read property 'timepicker' of undefined
body: <p>I tried all the answers to resolve this error, but it's not working.</p>
  
  <p>This is my controller:</p>
  
  <pre><code>import_file($this-&gt;css, 
              array('colorbox.css', 
                    'jquery.timepicker.css',
                    'calender/default.css', 
                    'calender/default.time.css',
                    'calender/default.date.css', 
                    'responsive-tables.css'));
  
  import_file($this-&gt;javascript, 
              array('jquery.colorbox.js',
                    'jquery.ui.js', 
                    'jquery.timepicker.js', 
                    'jquery-ui-timepicker-addon.js', 
                    'responsive-tables.js',
                    'calender/picker.js',
                    'calender/picker.date.js',
                    'calender/picker.time.js', 
                    'calender/legacy.js', 
                    'calender/calender.js',
                    'scheduler.js',
                    'customer.js'));
  </code></pre>
  
  <p>This is the error part:</p>
  
  <pre><code>$.ui.timepicker = $.ui.timepicker || {};
  if ($.ui.timepicker.version) {
      return;
  }
  </code></pre>
  
  <p>Is there any other way to resolve this error?</p>