【问题标题】:Add a note below Jqueryui datepicker在 Jqueryui 日期选择器下方添加注释
【发布时间】:2011-11-10 22:28:00
【问题描述】:

调用 jqueryui datepicker 时,我需要在日历下方显示一个注释。它应该是显示两个月宽度的 div。与日期选择器一起出现和隐藏。任何帮助表示赞赏。

这是我尝试过的:

beforeShow: function(input, inst) { 
    $('#ui-datepicker-div').append('<div>No reservation fees!<div>');
}

【问题讨论】:

    标签: jquery-ui datepicker


    【解决方案1】:
    $('.datepicker').datepicker({ beforeShow: function () {
        setTimeout(appendsomething, 10);
    },
    onChangeMonthYear: function () {
        setTimeout(appendsomething, 10);
        }
    }
    );
    
    var appendsomething = function () {
    $("#ui-datepicker-div").append("<div class='something'>something</div>");
    }
    

    【讨论】:

    • 谢谢沙哈尔。正是我所需要的并且完美地工作。非常感激。最好的,迈克
    • 我很高兴能为您提供帮助。 :)
    【解决方案2】:

    如果没有完整的小部件创建代码和一些 HTML sn-ps,就很难确定问题出在哪里。以下是一些推测性的答案:

    1. 可能#ui-datepicker-div 选择器与您想要附加 div 的预期元素不匹配。如果您发布 HTML,我们可以确定。
    2. 您对append 的调用中的 HTML 格式不正确。目前尚不清楚这是否是您的问题的原因,但应该如下所示:.append('&lt;div&gt;No reservation fees!&lt;/div&gt;')
    3. 也许您没有正确实例化您的小部件。你的 sn-p 看起来不错,但我们看不到它所在的上下文。它应该看起来像这样:

    JavaScript:

    $('#dp-element').datepicker({
        beforeShow: function(input, inst) {
            $('#notes').append('<div>No reservation fees!</div>');
        }
    );
    

    HTML:

    <input id="dp-element" />
    <div id="notes"></div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-04
      • 2015-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-10-03
      相关资源
      最近更新 更多