bootstrap date picker missing link

こんにちは以下は、ブートストラップの日付ピッカーのコードです。なぜそれが動作しないのか分かりますか？私が逃したリンクは何ですか？bootstrap date picker missing link

バージョン3.3.6のブートストラップの最新バージョンを使用しています。その後、

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="PrintStudio.WebForm2" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css?parameter=1" /> 
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <label for="InputMessage">Expected Delivery Date</label> 


       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 


     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 


    <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker1').datetimepicker({ 
       pickTime: false 
      }); 
     }); 
</script> 
    </div> 
    </form> 
</body> 
</html>

出典

2016-04-05 Michael

なぜ$（ 'datetimepicker1'）を呼び出すのですか？datetimepickerを2回呼び出しますか？？ –

私は一度だけ電話をかけてもうまくいきません – Michael

マイケルが間違っています[** it will **]（https://jsfiddle.net/eb3ytoh1/）..必要なスクリプトとスタイルシートを読み込み、潜在的なエラーを確認してくださいあなたのコンソールはあなたに与えます。 – urbz

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
     <head runat="server"> 
      <title></title> 
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css?parameter=1" /> 
      <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" /> 
     </head> 
     <body> 
      <form id="form1" runat="server"> 
      <div> 
       <label for="InputMessage">Expected Delivery Date</label> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
      </form> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script> 
      <script type="text/javascript" src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script> 
      <script> 
      $(document).ready(function() { 
       $('#datetimepicker1').datetimepicker({ 
       }); 
      }); 
      </script> 
     </body> 
    </html>

そして、あなたが好きな日付ピッカーからオプションを使用します。

出典

2016-04-05 06:25:25 Parth

コードと私の間の違いは何ですか？なぜか分かりますか？この問題は私が午前中に固執しています – Michael

@Michaelあなたはあなたのスクリプトタグをformタグの中に入れました。これはスクリプトをロードしません。 – Parth

Thx！私は配線されているのだろうか。なぜいつJsがマスターページに挿入されなければならないのですか？このような状況で、私がマスターページを使用している場合、ContentPlaceHolderセクションにJを挿入できません。私はjsファイルを作成する必要がありますか？ – Michael

bootstrap date picker missing link

答えて

関連する問題