未顯示Jquery Datepicker

我嘗試在模態窗口內部實現日期選擇器。我不知道爲什麼錯誤切換不起作用。我包含了所有的頭文件。我嘗試了一個能夠正常工作的單獨文件，但是在將它包含在我的網站中後，它無法正常工作。未顯示Jquery Datepicker

頁眉：

<link href="css/bootstrap.css" rel="stylesheet" /> 
<link href="css/landing-page.css" rel="stylesheet"/> 
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css"> 
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 
<link href="assets/css/style.css" rel="stylesheet"> 
<link href="assets/css/style-responsive.css" rel="stylesheet"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>

HTML代碼：

<input type="text" class="form-control" placeholder="Date Of Birth" name="dateofbirth" id="dateofbirth">

腳本：

<script src="assets/js/jquery.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/jquery-1.7.1.min.js"></script> 
<script src="assets/js/jquery.validate.js"></script> 
<script src="js/script.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap-datetimepicker.js" ></script> 
<script type="text/javascript" src="assets/js/jquery.backstretch.min.js"></script> 
<script type="text/javascript"> 
    $.backstretch("assets/img/login-bg1.jpg", {speed: 500}); 
    $('#dateofbirth').datetimepicker 
     ({ 
      autoclose: 1, 
      todayHighlight: 1, 
      startView: 2, 
      minView: 3, 
      maxView: 4, 
      forceParse: 0, 
      format:'dd-mm-yyyy' 
     }); 
    addEventListener('load', prettyPrint, false); 

</script>

來源

2016-02-12 Kavya Shree

把你的DateTimePicker代碼文件準備好節。 –

檢查您的瀏覽器控制檯並查看顯示的錯誤數量？ –

沒有錯誤。那就是問題所在。這就是爲什麼我無法找到究竟是哪裏出了問題。 –

問題在於，在元素和/或所需腳本加載到頁面之前，您正嘗試將元素綁定到事件。

你的JavaScript改成這樣：

$(document).ready(function() { 
     $.backstretch("assets/img/login-bg1.jpg", {speed: 500}); 
     $('#dateofbirth').datetimepicker 
      ({ 
       autoclose: 1, 
       todayHighlight: 1, 
       startView: 2, 
       minView: 3, 
       maxView: 4, 
       forceParse: 0, 
       format:'dd-mm-yyyy' 
      }); 
     addEventListener('load', prettyPrint, false); 
     $('pre').addClass('prettyprint linenums'); 
    });

來源

2016-02-12 14:13:41

我試過像這樣bt就像以前的datepicker不working.no變化，我可以在這裏找到。請以另一種方式幫助我。 –

嘗試datepicker（）;是我唯一的猜測，因爲我從來沒有使用過datetimepicker，也許你使用的參數對該函數調用無效？ –

我嘗試過以其他方式工作，感謝您的幫助。 –

變化

$('#dateofbirth').datetimepicker()

至

$('#dateofbirth').datepicker()

我在jsbin上有一個工作示例。您可以查看此here。

您可以查看其完整頁面輸出here。

來源

2016-02-12 14:09:56

我試過這種方式顯示$（...）datepicker不是控制檯選項卡中的函數錯誤 –

您是否看到給定鏈接中的代碼？ –

是的，它現在正在工作。謝謝你 –

未顯示Jquery Datepicker

回答

相關問題