2016-03-21 26 views
0

http://foxrunsoftware.github.io/DatePicker/のdatepickerを使用してデモをコピーしましたが、datepickerが表示されません。私はすべてをチェックしましたが、私を助けてreason..please見つけることができない、これは私のコード日付ピッカーの表示の問題

<html> 
    <title>test</title> 
    <head> 
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="./datepicker/js/datepicker.js"></script> 
    <link rel="stylesheet" type="text/css" href="./datepicker/css/base.css" /> 
    <link rel="stylesheet" type="text/css" href="./datepicker/css/clean.css" /> 

    <script> 
//this is the script code 
    $('#inputDate').DatePicker({ 
     mode: 'single', 
     position: 'right', 
     onBeforeShow: function(el){ 
     if($('#inputDate').val()) 
      $('#inputDate').DatePickerSetDate($('#inputDate').val(), true); 
     }, 
     onChange: function(date, el) { 
     $(el).val((date.getMonth()+1)+'/'+date.getDate()+'/'+date.getFullYear()); 
     if($('#closeOnSelect input').attr('checked')) { 
      $(el).DatePickerHide(); 
     } 
     } 
    }); 

    </script> 
    </head> 
    <body> 
     <input id="inputDate" class="inputDate" value="" > 
     <label id="closeOnSelect" class="checkbox"><input type="checkbox" checked="checked"> Close on selection</label> 
    </body> 
    </html> 
+1

ブラウザのコンソールを確認し、エラーがないかどうかを確認します。また、含まれているスクリプトファイルのパスも確認してください。 –

+0

はフィドルを提供できますか? –

+0

ジョンに感謝、私はコンソールをチェックし、何もエラーがない!スクリプトのパスとファイルが正しいので、それは私の問題です、私はそれを解決する方法を知らない – jimmyxu

答えて

0

あるDOMの準備ができた後、日付ピッカーのスクリプトを初期化するようにしてください。

<script> 
    $(document).ready(function(){ 
     $('#inputDate').DatePicker({ 
     mode: 'single', 
     position: 'right', 
     onBeforeShow: function(el){ 
     if($('#inputDate').val()) 
      $('#inputDate').DatePickerSetDate($('#inputDate').val(), true); 
     }, 
     onChange: function(date, el) { 
     $(el).val((date.getMonth()+1)+'/'+date.getDate()+'/'+date.getFullYear()); 
     if($('#closeOnSelect input').attr('checked')) { 
      $(el).DatePickerHide(); 
     } 
     } 
    }); 
    }); 
    </script> 
関連する問題