從 mysql 禁用 jquery 時間中的日期和時間

Question

更新這是對我的問題的完整更新

<!doctype html>
<html>

<meta charset="utf-8">

<meta name="author" content="Amsul - http://amsul.ca">
<meta name="viewport" content="width=device-width,user-scalable=no">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<title>Pickadate.js</title>

<link rel="stylesheet" href="../../lib/themes/default.css">
<link rel="stylesheet" href="../../lib/themes/default.date.css">
<link rel="stylesheet" href="../../lib/themes/default.time.css">

<!--[if lt IE 9]>
    <script>document.createElement('section')</script>
    <style type="text/css">
        .holder {
            position: relative;
            z-index: 10000;
        }
        .datepicker {
            display: block;
        }
    </style>
<![endif]-->


<body>
<?php
require 'connect-db.php';

   try{
    $stmt = $db->query("SELECT ddate FROM testdates");
$result = $stmt->fetchAll(\PDO::FETCH_ASSOC);
}catch(\PDOException $e){
    echo $e->getMessage();
}

$json_array = json_encode($result)

   ?>




    <section class="section">

        <form>
            <fieldset>
                <h3><label for="datepicker_id">Pick a date.</label></h3>

                <input
                    id="datepicker_id"
                    class="datepicker"
                    name="date"
                    type="text"
                    value=""
                    data-value="">

                <br><br><br><br><br>


                <h3><label for="timepicker_id">Pick a time</label></h3>
                <input
                    id="timepicker_id"
                    class="timepicker"
                    value=""
                    type="time"
                    name="time">
                    <!-- valuee="2:30 AM"
                    data-value="0:00" -->

                <!-- <button type="button">Disable all dates</button>
                <input class="button" type="submit" value="open"> -->
            </fieldset>
        </form>


        <div id="container"></div>



    </section>


    <script src="../jquery.1.9.1.js"></script>
    <script src="../../lib/picker.js"></script>
    <script src="../../lib/picker.date.js"></script>
    <script src="../../lib/picker.time.js"></script>
    <script src="../../lib/legacy.js"></script>



    <script type="text/javascript">
    //datepicker
     var disdates = <?php echo $json_array; ?>


        var $input = $( '.datepicker' ).pickadate({
            formatSubmit: 'yyyy/mm/dd',
             min: true,
            container: '#container',
            // editable: true,
            closeOnSelect: true,
            closeOnClear: false,
              disable: [ disdates

  ]

        })





        var picker = $input.pickadate('picker')




        // picker.set('select', '14 October, 2014')
        // picker.open()

        // $('button').on('click', function() {
        //     picker.set('disable', true);
        // });

    </script>



<script type="text/javascript">
//timepicker

        var dtimes = new Date(2015,11,28,5,30);
        var $timeinput = $( '.timepicker' ).pickatime({
            disable: [
    [2,0],
    dtimes


    ]


        })
        var timepicker = $timeinput.pickatime('picker')

    </script>



</body>
</html> // i must thank users in php chatroom for helping me fix the errors.

上面是一個頁面，您可以在其中看到日歷，並且某些日期被禁用，這些日期是從數據庫中獲取的。 我正在使用這個選擇器

  disable: [
    [2015,29,9], // disables today strangely month -1 and only accepts yyy,mm,dd
    [some other array]

  ]
})

在我的數據庫中 'ddate' 是 varchar，沒有主鍵，沒有唯一的 id，什么都沒有，包含

2015,9,30   
2015,9,31   
2015,10,30

值沒有被傳遞或從 mysql 到 javascript 或其他東西，我想我想要多維數組。
我希望 javascript 數組擁有的是月份 -1，因為正如我上面所解釋的，在禁用這一天的禁用選項中，您必須輸入上個月的數字。 如果是第一個月，則表示 12。

注意我想對timepicker使用相同的，但我想如果我了解日歷的問題，我可以自己做

Answer 1

我假設，您的數據庫內容是：

ddate: varchar()

存儲在表 testdates 中的值（作為字符串）：

2015-10-29
2015-10-15
2015-10-10

選擇仍然保持原樣加上創建一個字符串用於數組構建到 js

try{
  $stmt = $db->query("SELECT ddate FROM testdates");
  $db_ddates = $stmt->fetchAll(\PDO::FETCH_ASSOC);

  $js_ddates = "";
  foreach ($db_ddates as $row => $record) {
    $js_ddates .= '"' . $record['ddate'] . '",';
  }

}
catch(\PDOException $e) {
  echo $e->getMessage();
}

現在在構建腳本部分中使用它

// take dates as array of strings from db
var ddates_str_arr = [ <?php echo $js_ddates; ?> ];
// build dates array for picker
var disdates = [];
for (var i = 0; i < ddates_str_arr.length; i++) {
  disdates.push(new Date(ddates_str_arr[i]));
}
// just use it in picker
var $input = $( '.datepicker' ).pickadate({
  formatSubmit: 'yyyy/mm/dd',
  min: true,
  container: '#container',
  // editable: true,
  closeOnSelect: true,
  closeOnClear: false,
  disable: disdates
});

注意：我沒有測試它，只是從腦海中寫下這些行。 可能有一些打字勘誤，但應該可以正常工作。

更新：

不確定選擇器，但也嘗試一下，而不是上面的腳本部分

// just use it in picker
var $input = $( '.datepicker' ).pickadate({
  formatSubmit: 'yyyy/mm/dd',
  min: true,
  container: '#container',
  // editable: true,
  closeOnSelect: true,
  closeOnClear: false,
  disable: [ <?php echo $js_ddates; ?> ]
});

從 mysql 禁用 jquery 時間中的日期和時間

問題描述

1 個解決方案

解決方案1
2 已采納 2015-10-29 19:36:50

從 mysql 禁用 jquery 時間中的日期和時間

問題描述

1 個解決方案

解決方案1 2 已采納 2015-10-29 19:36:50

解決方案1
2 已采納 2015-10-29 19:36:50