通过 AJAX 更新 Pickadate 输入
Updating Pickadate Input via AJAX
我用Pickadate.js and JQuery Form Plugin。我有单独的日期和时间选择器。我想要做的是根据日期选择器的值禁用时间选择器中的时间。所以,我正在尝试将 JSON 数据放入 picker.set("disable", [ ]);
。我可以 console.log 纯文本,但它仍然没有目标。
我尝试了很多,遇到了 。但我无法启动它们。 (我将 pickadate 函数和 类 改编为 pickatime 的函数。)
// Javascript
$(document).ready(function() {
$("input").click(function() {
$(".datepicker").pickadate({
format: 'yyyy-mm-dd',
formatSubmit: 'yyyy-mm-dd',
min: true,
max: false
});
var $input = $(".timepicker").pickatime({
format: 'HH:i',
formatSubmit: 'HH:i',
formatLabel: 'HH:i'
});
$('.datepicker').change(function() {
$('#form').ajaxSubmit({
target: '#check_result',
url: 'check.php',
success: function showResponse(responseText, $form) {
var picker = $input.pickatime('picker');
picker.set("disable", [
console.log(responseText)
]);
}
});
return false;
});
});
});
// PHP (check.php)
<?php
// Database connection done.
$date = mysqli_real_escape_string($con, $_POST['date']);
$match_query = mysqli_query($con, "SELECT * FROM booking WHERE DATE(time) = '$date'");
$disabled_times = array();
if ($result = $match_query) {
while ($row = mysqli_fetch_assoc($result)) {
$disabled_times[] = $row['time'];
}
mysqli_free_result($result);
}
echo implode($disabled_times);
?>
你能 post 一个 json 被 return 从你的 php 编辑的例子吗?
根据文档 (http://amsul.ca/pickadate.js/api/#method-get-disable)
你的 json 应该是这样的:[2,30], [4,30], [9,0]
如果您的 json 是正确的,请确保它没有作为字符串传递给时间选择器。尝试类似的东西:
var json = JSON.parse(responseText);
picker.set("disable", [ json ]);
更新:
我想使用以下代码,您的 json 将 return 正确:
...
$time = explode(',', $row['time']);
$time[0] = (int)$time[0];
$time[1] = (int)$time[1];
$disabled_times[] = $time;
...
echo json_encode($disabled_times);
我用Pickadate.js and JQuery Form Plugin。我有单独的日期和时间选择器。我想要做的是根据日期选择器的值禁用时间选择器中的时间。所以,我正在尝试将 JSON 数据放入 picker.set("disable", [ ]);
。我可以 console.log 纯文本,但它仍然没有目标。
我尝试了很多,遇到了
// Javascript
$(document).ready(function() {
$("input").click(function() {
$(".datepicker").pickadate({
format: 'yyyy-mm-dd',
formatSubmit: 'yyyy-mm-dd',
min: true,
max: false
});
var $input = $(".timepicker").pickatime({
format: 'HH:i',
formatSubmit: 'HH:i',
formatLabel: 'HH:i'
});
$('.datepicker').change(function() {
$('#form').ajaxSubmit({
target: '#check_result',
url: 'check.php',
success: function showResponse(responseText, $form) {
var picker = $input.pickatime('picker');
picker.set("disable", [
console.log(responseText)
]);
}
});
return false;
});
});
});
// PHP (check.php)
<?php
// Database connection done.
$date = mysqli_real_escape_string($con, $_POST['date']);
$match_query = mysqli_query($con, "SELECT * FROM booking WHERE DATE(time) = '$date'");
$disabled_times = array();
if ($result = $match_query) {
while ($row = mysqli_fetch_assoc($result)) {
$disabled_times[] = $row['time'];
}
mysqli_free_result($result);
}
echo implode($disabled_times);
?>
你能 post 一个 json 被 return 从你的 php 编辑的例子吗?
根据文档 (http://amsul.ca/pickadate.js/api/#method-get-disable) 你的 json 应该是这样的:[2,30], [4,30], [9,0]
如果您的 json 是正确的,请确保它没有作为字符串传递给时间选择器。尝试类似的东西:
var json = JSON.parse(responseText);
picker.set("disable", [ json ]);
更新: 我想使用以下代码,您的 json 将 return 正确:
...
$time = explode(',', $row['time']);
$time[0] = (int)$time[0];
$time[1] = (int)$time[1];
$disabled_times[] = $time;
...
echo json_encode($disabled_times);