jquery datepicker突出显示假期

2024-01-04

我正在尝试制作一个 jquery 日期选择器日历,它会突出显示假期,并在日期选择器上的日期悬停时将假期名称作为工具提示。假期日期来自 php 文件 (holidays.php)。我的问题是..我似乎无法突出显示所有假期,它只突出显示一个日期。更具体地说,只是第一次返回的日期。

$(document).ready(function (){
  var holiDays = (function () {
    var val = null;
    $.ajax({
        'async': false,
        'global': false,
        'url': 'holidays.php',
        'success': function (data) {
        val = data;
        }
    });
    return val;
    })();

  var result = [];
  var holiDays = holiDays.split(',');

 var s, k;

    for (s = 0, k = -1; s < holiDays.length; s++) {
        if (s % 4 === 0) {
            k++;
            result[k] = [];
        }

        result[k].push(holiDays[s]);
    }

  // This for loop is to check whether the values stored in result[] are correct

  for (i = 0; i < result.length; i++) {
  var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
  alert(f); 
  }


  function nationalDays(date) {
    var m = date.getMonth();
    var d = date.getDate();
    var y = date.getFullYear();

  for (i = 0; i < result.length; i++) {
  var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
 // WHEN I ALERT THE VALUE OF f HERE, 
 // IT ALWAYS DISPLAY THE FIRST VALUE IN THE RESULT ARRAY. WHY?
 alert(f);

  var d = new Date(f);

                 if (date.getFullYear() == d.getFullYear()
                      && date.getMonth() == d.getMonth()
                      && date.getDate() == d.getDate()) {
                    return [true, 'holiday', result[i][3]];
                 } else {
                  return [true];
                 }
               } 

  }


  $(function() { 
        $('input.pickerClass').live('click', function() {
            $(this).datepicker({dateFormat: 'yy-mm-dd', beforeShowDay: nationalDays  }).focus();
        });

  });



});

当我警告数组内的值时result[]在NationalDays函数之外,存储的值似乎是正确的。

  for (i = 0; i < result.length; i++) {
  var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
  alert(f); 
  }

但由于某种原因,当我提醒值result[]在NationalDays函数下的for循环内,它仅返回数组result[]中存储的第一个日期。但为什么?

有人有想法吗?...我将非常感激。 :)


我已经知道我哪里错了。

if (date.getFullYear() == d.getFullYear()
                      && date.getMonth() == d.getMonth()
                      && date.getDate() == d.getDate()) {
                    return [true, 'holiday', result[i][3]];
                 } else {
                  return [true];
                 }

本来应该

if (date.getFullYear() == d.getFullYear()
                      && date.getMonth() == d.getMonth()
                      && date.getDate() == d.getDate()) {
                    return [true, 'holiday', result[i][3]];
                 } 
                  return [true];

我刚刚删除了 else 语句,它起作用了!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery datepicker突出显示假期 的相关文章

  • qTip2 jquery 与 asp.net 文本框

    我怎样才能实现jquery插件qTip2http craigsworks com projects qtip2 http craigsworks com projects qtip2 与 asp net 文本框 鼠标悬停时的优雅工具提示
  • 获取选定的文本框 ID jQuery

    在我的表单中 我有几个文本框 例如txtItemCode1 txtItemCode2 etc 如果我在其中任何一个上按 Enter 键 我会使用此代码执行某些操作 但我想获取选定的文本框 ID 我怎样才能做到这一点 变量 id 应该有您正在
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 替换img路径jquery

    我正在尝试替换 jquery 中的 img 路径 注入远程页面 replaceexample com thumbs withexample com images 我已经尝试过这个 但似乎不起作用 img attr src replace t
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • 如何让php页面从html页面接收ajax post

    我有一个非常简单的表单 其中有一个名字输入字段 我捕获了表单数据 并使用标准 jQuery 发布方法通过 ajax 将其传输到 PHP 页面 但是 我根本无法从 PHP 页面获得任何在服务器端捕获数据的响应 我不确定我做错了什么或缺少什么
  • 从json中获取所有子节点

    我有以下 json var source k 01 k 02 children k 05 k 06 children k ABC k PQR k 07 k 03 我希望能够指定 k 的值并取回所有孩子 以及孙
  • 突出显示单词并提取其附近文本的函数

    我有一个文本例如 Etiam porta semmalesuada magna mollis euismod 整数取数 ante venenatis dapibus posuere velit aliquet 埃蒂亚姆 门塔 塞姆 male
  • 更改 Jumbotron 不透明度并使其全宽,而不影响字体和按钮

    想问一下如何更改 Jumbotron 不透明度并使其全宽而不影响字体和按钮的不透明度 jumbotron special text align center background attachment scroll background i
  • 更新运行时添加的 JQuery 进度条

    我在更新 jquery 进度条时遇到一些问题 在页面加载期间 此进度条不在文档中 我只是在用户单击按钮时添加它 如下所示 this parent append div class progressbar div this parent ch
  • 建议文本字段,如 - 谷歌建议 - 使用 AJAX/Jquery

    当我在文本字段中输入字母时 如果它在数据库中有匹配项 它应该显示所有匹配的单词 当我在 Travelfrom 文本字段中输入一些文本 例如 A 时 我应该获取以 A 开头的所有记录 当我输入 Travelfrom 文本字段 时 它会自动完成
  • 带有输入的动态创建行上的日期选择器

    我有一个表单可以使用输入动态创建新行 每个新行上的日期输入应该有一个日期选择器 我几乎可以正常工作 但是当创建带有输入的新行时 日期选择器将不再在已经存在的日期字段上工作 我玩了一整天来找出我做错了什么 但我就是不知道如何解决这个问题 这是
  • 使 bootstrap popover 使用自定义 html 模板

    我正在使用输入组文本框 我需要 Bootstrap 3 弹出框才能工作 并且弹出框模板应由我定义和设计 所以我目前拥有的 html 是 div class row div class col sm 2 div class input gro
  • 如何使用jquery格式化数字

    我正在尝试删除 之后的数字 然后我想格式化数字 16810900 211233 喜欢这个 16 810 900 但我不知道该怎么做 这是我的 html 是这样的 div class main p class active 10200 00
  • 如何根据另一个动态下拉列表的值创建动态下拉列表?

    我有一个下拉菜单 当我选择一个选项时 它会创建一个动态下拉菜单 到目前为止 一切都很好 但我想创建另一个动态下拉列表 现在基于另一个动态下拉列表的值 我该怎么做 第一个动态下拉列表有效 我猜第二个无效 因为动态变量 div 没有静态 ID
  • 如何防止默认事件触发但仍允许事件冒泡

    使用 jQuery 使用以下代码 我想防止 href url 在本例中为哈希 在单击时触发 但仍然允许单击事件继续在链上冒泡 请问如何实现这一点 div a href Test a div a click function e stop a
  • 从对象获取数据 - 我看到数据但无法保存它们

    正如你所看到的 我是新来的 我确实尝试过搜索 但没有找到解决我问题的方法 所以这是我的问题 如果我这样做 console log grid data kendoGrid data 这在控制台中显示如下 所以我明白这一点 有一个数组和一个带有
  • 上传前如何检查图片的宽度和高度

    对于图片上传 我编写了以下 html 代码
  • jQuery Masonry 和 CSS3

    如何在保持砖石布局的同时将 CSS3 过渡与当前图像结合起来 这是我的html div img class bottom src images div
  • jquery 表单使用 .on() 提交

    我正在尝试发送由 jquery 创建的表单 该表单附加到一个 div 中 下面的变量 data 是使用 php 创建的 我将只发布最重要的 js 代码 我尝试了很多带有和不带 on 的方法 但我未能让警报框显示 1 以便我知道代码块实际上已

随机推荐

  • Hibernate映射:一列到多个表

    我有一个针对场景的 最佳实践 问题 设想 DB 中的多个实体 例如 Document BlogPost Wiki 可以由个人共享 不是为每个实体创建共享表 而是创建单个共享表 问题是 如何将共享表与不同的实体进行映射 我有三个选项 请告知哪
  • 如何从 C# 与英特尔新的 DRNG(RDRAND 指令)交互? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我希望从 C 程序集中使用英特尔的数字随机数生成器 Ivy Bridge 中的 RDRAND 指令 我查看了 cpp 库 但我希望有一个更
  • 在 UIImageView 中旋转图像

    是否可以仅旋转 UIImageView 中的图像 我正在寻找有关它的信息 但我只找到了如何旋转 UIImageVeiw 的信息 您可以使用以下代码旋转图像 注意 这使用了 CGImageRef 您可以通过以下方式从 UIImage 获取它
  • 获取 Spring bean 的新实例

    我有一个名为MyInterface 实现的类MyInterface 我们称之为MyImplClass 还实现了Runnable接口 以便我可以使用它来实例化线程 这是我现在的代码 for OtherClass obj someList My
  • 是否可以在宏内定义宏?

    我想使用这样的宏参数 define D cond do if cond define YYY 1 else define YYY 0 while 0 是否可以 UPD也许当源被预处理两次时 gcc E source c gcc xc 接下来
  • 是否可以在网络浏览器中模拟 Android“硬件”后退按钮?

    很高兴可以在浏览器中的 Cordova Ionic 应用程序中测试许多案例 但我还没有找到一种假装按下 Android 以前是硬件 后退按钮的方法 如果有一个带有后退按钮或组合键 例如 Alt Ctrl 是否可以用 JavaScript 触
  • 如何禁用Tensorflow的多线程?

    我正在使用不支持多线程的模拟器运行 Tensorflow 程序 我在tensorflow core common runtime local device cc第38行将intra op parallelism threads更改为1 但一
  • 为什么我没有从子进程中获取退出状态?

    我有一个正在管理的 Perl 程序 它能够分叉多个进程 最多达到指定的限制 监视它们 并在它们退出时分叉其他进程 再次达到限制 直到要运行的事物列表完成 它工作正常 除了由于某种原因它似乎没有从我的子进程中获取正确的退出状态 不起作用的代码
  • create-react-app + Nodejs (express) 服务器

    我在我的应用程序中使用 NodeJs React 我在 NodeJs 中使用express 我使用 create react app npm 创建了示例应用程序 我使用 NodeJs 从 React 应用程序调用 oauth 令牌 我在这篇
  • 自删除bash脚本

    bash 脚本如何在遇到删除自身的语句后执行 例如 当我运行 test sh 脚本时 其中包含 lt some commands gt rm test sh lt some more commands gt end 脚本执行到最后才删除自身
  • 检查 mysql_query 是否返回任何结果的最佳方法?

    我正在寻找最好的方法来检查查询中是否返回了任何结果 我感觉这部分代码我写了很多次 有时会出错 有时则不会 例如 我运行此查询来检查用户名是否存在 然后再将新用户名插入数据库 result mysql query SELECT FROM 然后
  • 对矩阵中的列重新排序

    假设我有一个n row m列矩阵A 我想重新排序每一列m根据某些特定行的排序 例如 如果我采取order A k 这给了我列中元素的数字或字母顺序k 我现在想对矩阵中的每一列进行排序A根据这些排名 使元素1 n每行都按顺序对应于元素1 n
  • Mailchimp API /列出 merge_fields 的日期类型参数格式

    我有一个date我需要在 Mailchimp API 的 v3 版本中填充该 merge field 在我找到答案之前 我在谷歌上进行了很多搜索 希望这可以节省某人的时间 预期的格式是 mm dd yyyy 看起来月份和日期的个位数就可以了
  • 仅跟踪嵌套 div 标签中悬停子元素的鼠标移动

    我有一个可以有 n 个嵌套 div 标签的环境 我必须仅在子 div 中跟踪鼠标的鼠标移动时刻 我有以下代码 结果显示在列表中 Problem 如果我附加更多子 div 鼠标移动也会跟踪所有父级 div 我想要的是 仅获取鼠标悬停区域的鼠标
  • 如何将日期构建附加到 gradle 上的 versionNameSuffix

    我正在使用 Android Studio 我需要在后面附加一个后缀versionNameSuffix在我的安卓设备上构建 gradle文件 我有三种不同的构建类型 我只需将日期时间附加到我的 测试版 版本中 我的实际文件是 defaultC
  • 为什么空格会影响 ruby​​ 函数调用?

    我收到此代码的语法错误 render json what gt created whatCreated gt thing htmlOutput gt render to string partial some partial 但使用这段代码
  • 使用 Yfinance 获取市值数据

    我试图使用 yfinance 获取股票的市值数据 这是我的代码 import yfinance as yf import numpy as np from pandas datareader import data import panda
  • 无法执行 HTTP 请求:Flink 中等待来自池的连接超时

    我正在研究一个将一些文件上传到 s3 存储桶的应用程序稍后 它从 s3 存储桶读取文件并将其推送到我的数据库 我在用着弗林克1 4 2 and fs s3a API用于从 s3 存储桶读取和写入文件 将文件上传到 s3 存储桶工作正常 没有
  • Jquery 表单插件还是 Jquery 序列化?

    我想知道有什么优点jQuery 表单插件 http jquery malsup com form getting started已经结束了序列化 http api jquery com serializeArray 如果我选择使用表单插件
  • jquery datepicker突出显示假期

    我正在尝试制作一个 jquery 日期选择器日历 它会突出显示假期 并在日期选择器上的日期悬停时将假期名称作为工具提示 假期日期来自 php 文件 holidays php 我的问题是 我似乎无法突出显示所有假期 它只突出显示一个日期 更具