首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在JQuery日期时间选取器中禁用特定日期和时间

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

Stack Overflow用户
提问于 2015-05-25 02:31:30
回答 1查看 1.4K关注 0票数 0

我已经实现了一个j查询日期和时间选取器到一个网站。选取器正在工作,当我选择日期和时间时,它会保存到数据库中。我不知道该怎么做,就是禁用数据库中的任何日期和时间,这样就没有人可以在以前选择的日期上选择时间。这是我的jquery选择器的代码,在数据库中搜索valus不是问题,我只是不确定如何在选择器中设置它:

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2015-05-25 02:44:41

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

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

它有一个disabledDates选项,可以像上面提到的帖子示例一样使用。使用您的脚本语言构建日期数组。

从文档中:

代码语言:javascript
运行
复制
{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中回显它。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30426912

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档