2015-11-18 32 views
2

我正在嘗試使用Following timepicker。但是,我無法運行它。按照作者的建議,我使用jsDelivr CDN。Trentrichardson datetimepicker不起作用

我包括由筆者在正確的順序列出所有文件:

  • jQuery的
  • jQuery UI的
  • 的DateTimePicker
  • 的DateTimePicker CSS

    <!doctype html> 
    <meta charset="utf-8"> 
    <title>Example</title> 
    <html> 
        <head> 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
         <script src="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-sliderAccess.js"></script> 
         <script src="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.js"></script> 
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.css"> 
    
         <script> 
          $function() { 
          $('#input').datetimepicker(); 
          }); 
         </script> 
    
         <title>Example</title> 
        </head> 
        <body> 
         <input type="text" id="input" name="input" value=""/> 
        </body> 
    </html> 
    

不當點擊表單時顯示。

回答

1

Working fiddle

的問題是在模塊主要包括下面的例子將工作:

<!doctype html> 
<meta charset="utf-8"> 
<title>Example</title> 
<html> 
    <head> 
     <title>Example</title> 

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.css" /> 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" /> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.js"></script> 
    </head> 
    <body> 
     <input type="text" id="input" name="input" value=""/> 

     <script> 
      $(function() { 
       $('#input').datetimepicker(); 
      }); 
     </script> 
    </body> 
</html> 

希望這有助於。

1
$function() { 
    $('#input').datetimepicker(); 
}); 

應該

$(function() { 
    $('#input').datetimepicker(); 
}); 
+0

這是一個有效的點,但它仍然不起作用。 – RK1

+0

看起來在這裏工作.. http://jsfiddle.net/voidSO/oxf3j69b/ – void

相關問題