Question

我在网站上实现了一个j查询日期和时间选择器。选择器正在工作，当我选择保存到数据库的日期和时间时。我无法弄清楚怎么做是禁用数据库中的任何日期和时间，这样就没有人可以选择之前已被选中的日期。这是我的jquery选择器的代码，在数据库中搜索valus不是问题我只是不确定如何在选择器本身设置它：

<script type="text/javascript">
$(function(){

$('*[name=date2]').appendDtpicker({"inline": true,
"allowWdays": [1, 2, 3, 4, 5], // 0: Sun, 1: Mon, 2: Tue, 3: Wed, 4:     Thr, 5: Fri, 6: Sat
"futureOnly": true,
"autodateOnStart": false
});

$('#btn_input').on('click', function(){
    var input = $('*[name=date2]').handleDtpicker('getDate');
    var select = document.getElementById("doctor").value;
    var select1 = document.getElementById("patient").value;
    console.log(input);

$.post( "backend2.php", { 
'input':input,
'select':select,
'select1':select1
}).done(function( data ) {
alert( "You have selected" + data );


});

});
});

</script>

Answer 1

如果您阅读了datetimepicker的文档（如果这是您正在使用的插件）

http://xdsoft.net/jqplugins/datetimepicker/

它有一个disabledDates选项，可以使用与提到的帖子示例相同的方式。使用脚本语言构建日期数组。

来自文档：

{disabledDates: ['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'], formatDate:'d.m.Y'}

从这篇文章：

Jquery UI datepicker. Disable array of Dates

它解释了如何禁用日期。您可以做的是使用来自数据库的查询构建禁用日期数组，并使用您正在使用的任何脚本语言在javascript中回显它。

如何在JQuery日期时间选择器中禁用特定日期和时间

1 个答案: