javascript - 自定义 Jquery UI 日期选择器

标签 javascript jquery html jquery-ui

我很可能怀疑这是不可能的,但我想知道是否有人在自定义 Jquery UI 日期选择器上显示的日历以扩展更改日期。 这是我的情况:我的公司使用财政年度而不是日历年,它从每年不同的一天开始,我实际上同时制作了一个 excel 日历,我可以在 javascript 上使用这个原则,我的问题是如果有一种方法可以在日历上设置一个初始日期并从那天开始计算周数......

例子

财政年度从 8 月 28 日(星期日)开始,鉴于: AUG28-SEPT3 = FW1
SEPT4-SEPT10 = FW2
SEPT11-SEPT17 = FW3
.
.
.
等等 ... 我想显示一个日历,其中包含从 2011 年 8 月 28 日 (fw1) 开始到 2012 年 8 月 25 日 (fw52) 结束的周数。

我已经阅读了文档,但找不到任何相关内容,如果我不够清楚,请告诉我,以便我重新措辞。

最佳答案

您必须创建自己的周计算,请参阅 jQuery UI calculateWeek 的文档.这是一个开始,但对那些文档帮助不大。这个 blog post here 更有用一点.

无论如何,这是我设法组合在一起的代码,请参阅下面的链接以查看它的工作情况。

  • 定义数据选择器:

    $("#mydatepicker").datepicker({
        calculateWeek: fisc,
        maxDate: '08/25/12',
        minDate: '08/28/11',
        showWeek: true
    });
    

  • 以及计算星期的函数:

    function fisc(date) {
        var checkDate = new Date(date.getTime());
        checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
        var time = checkDate.getTime();
        checkDate.setMonth(7); 
        checkDate.setDate(28);
        var week = (Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 2);
        if (week < 1) {
            week = 52 + week;
        }
        return 'FW: '+week;
    }
    

    Click here to see this in action

    我敢肯定这可能不是执行此操作的完美方法,但它似乎适用于晚上的这个时间,希望它能为您指明正确的方向。

  • 关于javascript - 自定义 Jquery UI 日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7896276/

    相关文章:

    javascript - IE6 中的 "Member not found"错误 : from . 样式编辑或 getElementById 或...?

    javascript - 如何在 javascript 字符串文字中使用 `onclick`

    java - 如何从 label 或 span 获取数据并将其传输到 div、其他 span 或标签

    javascript - AngularJS,指令元素为空

    jQuery 数据表仅显示一行,但 JSON 包含所有记录

    javascript - 将 div 中的内容连同带样式的组件导出到文本/html 文件

    javascript - D3.js 在鼠标悬停在栏上时更改标题文本

    javascript - 快速单击复选框时出错

    jquery - 单击离开时如何关闭切换菜单?

    javascript - 元素 onChange javascript 不工作