Question

我有这个js代码：

    <div data-role="fieldcontain" style="visibility:hidden; height: 0px;">

            <input 
                name="mydate" 
                id="mydate" 
                pickPageTheme="a"
                data-role="datebox"
                data-options='{"mode": "calbox" }' />

            </div>
            <a href="#" id="linkmodelink" data-role="button">show</a>

如何不突出显示当前日期

Answer 1

有一个标志可以让你在HTML选项中关闭它：

data-options='{"calHighToday": false}'

它关闭它，你不必修改任何CSS或JS文件。

Answer 2

我希望我最终找到它。

    pickPageTodayButtonTheme: 'e',

这位于js文件中，将其更改为您想要的主题。

Answer 3

尝试按如下方式覆盖此样式：

.ui-state-default.ui-state-highlight {
  background: blue;
}

这种风格似乎是当前日期所独有的。

您应该会看到当天会变成蓝色。然后，您可以随心所欲地做任何事情。如果有帮助，请告诉我。

Answer 4

首先将其编辑为不存在的样式，例如“k”

pickPageTodayButtonTheme: 'k'，

然后将新样式添加到css中，但不要忘记您必须复制其他主题所具有的所有内容，例如

.ui-btn-up-k {
  background: blue !important;
}
.ui-btn-down-k {
  background: blue !important;
}

等等。

如何在JQueryMobile日历中不突出显示当前日期

4 个答案: