Question

当使用datepicker（jquery ui 1.10.3）时，它打开了今天的默认突出显示，那很好。现在，用户想要选择其他日期 - 但最初的亮点仍然保留在今天。

我正在搜索他们的文档和一般情况（js和所有新手）并且无法找到答案..

编辑 - 这是奇怪的原因，根据他们的例子，它应该开箱即用http://jqueryui.com/datepicker/#inline

Answer 1

一种可能的解决方案是在用户选择日期并调整CSS时向datepicker-wrapping元素添加一个类：

$(document).ready(function () {
    $('#txtDate').datepicker({
       onSelect: function() {
           $("#txtDate").addClass("madeSelect");           
       }
    });
});

.ui-datepicker-today的必要CSS调整：根据您正在使用的主题将背景设置为默认日期的背景图片。

.ui-datepicker-today.ui-datepicker-current-day的必要CSS调整（如果用户选择当天）：将背景设置为主题的.ui-datepicker-current-day背景图片以及您的字体颜色主题当天的颜色。

.madeSelect .ui-datepicker-today .ui-state-highlight
{
background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/sunny/images/ui-bg_gloss-wave_60_fece2f_500x100.png") repeat-x scroll 50% 50% #fece2f;
}
.madeSelect .ui-datepicker-today.ui-datepicker-current-day .ui-state-highlight
{
background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/sunny/images/ui-bg_inset-soft_30_ffffff_1x100.png") repeat-x scroll 50% 50% #ffffff;;
color: #0074c7;
}

此处的工作演示：Datepicker - remove highlight on today when date is selected

如何将标记日期更改为一个用户选择

1 个答案: