2017-06-21 25 views
0

日付と時刻を選択するために、このjavascriptコードを追加します。しかし、動作しません。誰か助けてくれますか?日付とタイムピッカーが動作しません

<div class="input-append date form_datetime"> 
     <input size="16" type="text" value="" readonly> 
     <span class="add-on"><i class="icon-th"></i></span> 
    </div> 

    <script type="text/javascript"> 
     $(".form_datetime").datetimepicker({ 
      format: "dd MM yyyy - hh:ii", 
      autoclose: true, 
      todayBtn: true, 
      pickerPosition: "bottom-left" 
     }); 
    </script>    
+0

https://jqueryui.com/datepicker/ –

+0

使用しているライブラリを説明する必要があります(少なくとも1ダースの市長がいます)。 –

+0

@MarioRuiz jQuery UI Datepickerは 'pickerPosition'オプションを持たないようですが、他のライブラリを使用している必要があります。 –

答えて

0

必須のjsファイルはありますか?あなたのコード内のプロパティ名とインターネットの検索エンジンを給餌

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html> 
+0

それは素晴らしいマリオです....素晴らしいとありがとう – Dushee

0

あなたがBootstrap Datepicker by Sebastien Malotを使用している示唆しています。具体的には、プラグインサイトのPositionningサンプルのそのままのコピーです。

何がうまくいかないかを理解するには、最初にブラウザのコンソールを確認する必要があります(ブラウザが何であるかはわかりませんが、F12)。それはサンプルコードの正確なコピーであるため、ダウンロードしても大丈夫です。

明らかに、プラグインの作成者は、インストールプロセスと依存関係を忘れていたようです。それはjQueryを必要とし、その名前にブートストラップを持つと、Twitter Bootstrapも必要になるかもしれません。

関連する問題