当前位置: 首页 > 知识库问答 >
问题:

如何在JQuery和CSS中选择未来日期并禁用过去日期?

樊宏义
2023-03-14

日期选择器应该使用哪个类来仅使用未来的日期?

<form:input path="FutureDato" type="date" class="datepicker maxDateToday hasDatepicker" />

注意:代码是由其他人编写的。上面的代码不允许输入未来日期,或者您可以在日历上单击“禁用未来日期”。我希望代码禁用过去的日期和显示未来的日期年只。我无法了解这些类(datepicker,maxDateToday)是如何在这里工作的;在CSS中找不到它。我不知道上面是否由JQuery执行;如果是,则我无法搜索相同的内容。如果这些类是预定义的,那么你能帮我找到这个类吗?

共有3个答案

潘振国
2023-03-14

使用datepicker的minDate()方法可以找到api详细信息http://api.jqueryui.com/datepicker/

$( ".selector" ).datepicker({
     minDate: new Date()
});

首先,您必须导入jQuery UI脚本https://code.jquery.com/ui/

我希望这能奏效。

吕骞尧
2023-03-14

禁用过去日期并只选择未来日期的最佳解决方案是:

试试这个,它在我的情况下起作用:

$( ".selector" ).datepicker({ 
    startDate: new Date()   
});
乐正迪
2023-03-14

要使任何过去的日期不可选择,首先必须找到日期选择器的实例化,并将minDate设置为零。

$('element').datepicker({
    minDate : 0
});
 类似资料:
  • 如何在DatePicker对话框中隐藏过去的日期?我不想让用户选择过去的日期 最好的办法是什么?如果我想限制用户只选择未来的日期!

  • 我使用上述代码打开日历setSelection方法选择当前日期,setStart仅适用于当前月份,因此我无法选择上个月的日期,但我仍然可以选择当前月份的过去日期。 如果有谁能帮我。请让我知道。谢谢。

  • 我没有使用任何日期选择器仍然代码工作正常。我已经选择了输入类型日期和一切工作正常。现在我想禁用未来的日期。我该怎么做呢? 编辑:通过其他方式解决问题 我用过日期选择器 它是如此容易实现。只需安装npm包 同时安装力矩传感器 导入库 在构造函数中 dateChange函数 最后是渲染函数 这里使用maxDate函数来禁用未来的日期。 资料来源:https://www.npmjs.com/packag

  • 问题内容: 我正在尝试使用JQuery Ui禁用特定日期。但是,我没有运气,这是我的代码: 实例化datepicker对象 获取日历中要禁用的日期 它似乎没有用,我知道如何解决这个问题。干杯。 问题答案: 好像您在一个输入上调用了两次。很难遵循您的代码,但是如果您重新组织代码并删除第二个调用,那么一切都会正常进行:

  • 嘿,伙计们,我只是想知道如何在JXDatepicker中禁用未来日期。我所说的未来日期是指当前系统日期之后的天数。我真的需要它来开发一个系统。 任何帮助都将不胜感激。非常感谢。

  • 问题内容: 我想在的日期选择器中禁用特定的日期。 我正在使用CSS作为组件。 我要禁用的日期将根据组合中先前值的选择而动态更改。 我相信应该可以,尽管不确定。 我怎样才能做到这一点 ? 问题答案: 我假设您正在使用Angular-UI中的指令。该属性使您可以禁用某些日期(例如,周末)。看到这个笨蛋http://plnkr.co/edit/gGAU0L?p=preview 如果要基于选择动态禁用日期