【问题标题】:Change the color on selected JQuery UI datepicker?更改所选 JQuery UI 日期选择器的颜色?
【发布时间】:2016-08-21 08:26:04
【问题描述】:

我正在尝试使用 jqueryui datepicker。我想使用内联模式。当用户选择日期时,我得到选定的日期。我想知道的是在视觉上改变所选日期的背景颜色。我只有一个悬停,但我需要一个“选定的”背景颜色变化:

https://jsfiddle.net/vum5816p/9/

    var sale = [];

    $('#datepickerdiv').datepicker({
      onSelect: function(dateText, instance) {
        sale.push('fecha: "' + dateText + '"');
      }       
    });`

【问题讨论】:

    标签: javascript jquery-ui-datepicker


    【解决方案1】:

    您可以使用 jQueryUI theme 执行此操作,或者使用浏览器的检查元素工具找出正确的 CSS 选择器。

    【讨论】:

    • 这不会告诉我制作颜色棒的javascript代码。我认为您不明白我想要做什么,我想要选定的日期,更改背景颜色并“保持”直到做出新的选择。我不得不怀疑两件事: - 应用背景颜色并将其粘贴的“点击退出”事件 - 先前选定日期的“删除”(如果有)
    • jQuery UI 使用 CSS 来实现选中状态的样式。可能有 javascript 代码可以执行,但它是多余的,使用 CSS 调整选定的 CSS 类,该类会在日期选择时由 jquery UI 自动应用。
    • 不确定 css 本身,可以将行为添加到其中一个,检查之前未选择的其他日期,也不会在事件上动态触发背景。这就是我在这里要问的。我想要的类似于这个问题,除了我不是在寻找当前日期而是“当前选择”。我不相信它有一个课程。 stackoverflow.com/questions/24449323/…
    • 您确定您的用例不是jqueryui.com/datepicker 中概述的默认行为,因为您所说的每个描述都是我所知道的默认行为,您只是缺少 CSS。日期选择器默认只允许选择一个日期,默认行为会在选中时将选定的日期类添加到右侧表格单元格中。
    猜你喜欢
    • 2021-02-24
    • 2018-05-09
    • 1970-01-01
    • 2012-02-23
    • 2016-11-26
    • 2015-05-27
    • 2016-08-24
    • 1970-01-01
    • 2021-08-07
    相关资源
    最近更新 更多