Jquery Datepicker 没有隐藏过去的日期

Posted

技术标签:

【中文标题】Jquery Datepicker 没有隐藏过去的日期【英文标题】:Jquery Datepicker not rhiding past dates 【发布时间】:2021-12-21 00:41:43 【问题描述】:

我正在为我的项目使用 Jquery Datepicker。如果我想更改日期格式,我的代码将是

$( "#datepicker1" ).datepicker(
  dateFormat: "dd-mm-yy"
);

它不工作。但如果我使用这种格式,它的工作原理

$("#datepicker1").datepicker("setDate", '+1d');

请给我一个解决方案。提前致谢

【问题讨论】:

【参考方案1】:

要禁用所有以前的日期,请将开始日期设为今天日期

startDate: new Date()

$(function() 
    $( "#datepicker" ).datepicker( 
      format: 'dd/mm/yyyy',
      startDate: new Date(),
    );
 );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" rel="stylesheet"/>


<div> Select Date <input type="text" id="datepicker" /></div>

【讨论】:

这工作正常。但是其他参数不能像 $( "#datepicker1" ).datepicker( startDate: new Date(), dateFormat: 'dd-mm-yyyy', setDate : '+1d' ); 在这种情况下只有 startDate 工作。 setDate 和 dateFormat 不起作用 您能具体说说您想要达到的目标吗? 我想实现日期格式和设置日期也没有以前的日期 设置日期将在明天,从设置日期开始,我还需要使用 DD/MM/YYYY 格式隐藏所有以前的日期

以上是关于Jquery Datepicker 没有隐藏过去的日期的主要内容,如果未能解决你的问题,请参考以下文章

JQuery Datepicker - 没有默认日期

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

jQuery UI - Datepicker - 隐藏年份

Jquery Bootstrap Datepicker 禁用过去日期并且不自动填充输入框

Mobiscroll datepicker 被 jQuery Mobile 模态隐藏

jQuery UI Datepicker - 隐藏特定月份的上一个导航箭头