2014-12-04 58 views
0

我想只啓用我的數據庫日期,做一些研究後,使具體日期,我想出了這些代碼日期選擇器從數據庫

這是我的腳本

<script> 
 
\t <?php 
 
\t $dis = pg_query("SELECT 'date_purchased' FROM 'tree_solds';"); 
 
\t foreach ($dis as $disa){ 
 
\t \t $dis .="'".$disa."',"; 
 
\t \t } 
 
\t \t $dis = substr($dis,0,-1); 
 
\t ?> 
 
\t 
 
\t var array=[<?php echo $dis; ?>]; 
 
\t 
 
\t jQuery(document).ready(function($) { 
 
\t \t $("#datepicker").datepicker({ maxDate: new Date(), 
 
\t \t dateFormat: "yy-mm-dd", 
 
\t \t beforeShowDay: function(date){ 
 
\t \t \t if($.inArray($.datepicker.formatDate('yy-mm-dd', date), array) > -1) 
 
\t \t \t { 
 
\t \t \t \t return [true,"","Available"]; 
 
\t \t \t } 
 
\t \t \t \t else{ 
 
\t \t \t \t return [false,'',"Not Available"]; 
 
\t \t \t } 
 
\t \t \t } 
 
\t \t }); 
 
\t }); 
 
\t </script>

而這些是我的HTML文件

<div><input type="text" id="datepicker" /> 
 
\t \t

當我查詢控制檯 ,顯示錯誤是這些

GET http://localhost/resources/demos/style.css 
 
index.php:40 Uncaught SyntaxError: Unexpected token < 
 
morris.min.js:6 Uncaught Error: Graph container element not found

這是我的第37行至40

<link rel="stylesheet" href="/resources/demos/style.css"> 
 
\t 
 
\t <script> 
 
\t <?php

但目前當我點擊文本框沒有任何顯示。我一直在看代碼幾個小時,似乎無法找到任何錯誤。

一切都工作正常,在我進這部分

<?php 
 
\t $dis = pg_query("SELECT 'date_purchased' FROM 'tree_solds';"); 
 
\t foreach ($dis as $disa){ 
 
\t \t $dis .="'".$disa."',"; 
 
\t \t } 
 
\t \t $dis = substr($dis,0,-1); 
 
\t ?> 
 
\t 
 
\t var array=[<?php echo $dis; ?>];

任何人都可以幫我嗎? 謝謝

+0

是否包含jQuery和的日期選擇器libary? – 2014-12-04 08:24:28

+0

@ S.Pols:是的,我確實:) – Jin 2014-12-04 08:28:14

+0

你在瀏覽器控制檯遇到任何錯誤嗎? – 2014-12-04 08:29:09

回答

0

從初始化中刪除maxDate: new Date()。而是將日期存儲在某個變量中,然後將maxDate設置爲該變量。同時刪除引發錯誤的文件並嘗試。

演示:http://jsfiddle.net/lotusgodkk/yXMKC/1138/

$(document).ready(function ($) { 
    var array = ["2014-12-9", "2014-12-12", "2014-12-15"]; //for testing 
    $("#datepicker").datepicker({ 
     //maxDate: new Date(), 
     dateFormat: "yy-mm-dd", 
     beforeShowDay: function (date) { 
      if ($.inArray($.datepicker.formatDate('yy-mm-dd', date), array) > -1) { 
       console.log('in') 
       return [true, "", "Available"]; 
      } else { 
       console.log('n') 
       return [false, '', "Not Available"]; 
      } 
     } 
    }); 
}); 
+0

謝謝。這些是我嘗試過的第一個代碼,但我試圖實現的是啓用從數據庫中選擇的特定日期,而不是從數組中選擇:) – Jin 2014-12-04 08:43:54

+0

您可以將數據庫日期存儲到javascript數組中,並在beforeShowDay中使用相同的數組。 – 2014-12-04 08:45:32

+0

我想這就是我從我的代碼上面做的:)? 我試圖刪除maxDate,但沒有發生任何事情。 – Jin 2014-12-04 09:07:51

相關問題