如何在jQuery Date Picker中为禁用日期添加工具提示?

问题描述

我正在使用Web表单,需要将日期选择限制在特定范围内,需要禁用其余日期。我已经使用jquery-ui实现了datepicker。

要求

  1. 需要在禁用日期显示工具提示
  2. 过去和将来的日期都需要不同的工具提示

问题

我找到了显示工具提示的解决方案,并且当前只有在允许日期的情况下才显示工具提示。我的意思是,如果beforeShowDay返回true(允许日期选择),那么它会显示工具提示,否则由于某些原因它不会显示。但我只在禁用日期需要它。

示例代码

$( "#datepicker" ).datepicker({
    minDate: 0,maxDate: '+5D',beforeShowDay: function(date) {
        var sDate = new Date("2020-10-16").toDateString();
        var newDate = date.toDateString();
        
        if(sDate == newDate){
            // problem lies here
            return [false,'','sdate equals'];
            
            // this does work but it allows date selection,which I don't need
            // return [true,'sdate equals'];
        }else{
            return [true,''];
        }
    },});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


<input type="text" id="datepicker" />

问题

  1. 如何仅显示禁用日期的工具提示?
  2. 如何为过去和将来的日期创建不同的工具提示?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)