禁用datepicker的手动输入而不阻止鼠标光标

Question

我正在使用jquery ui datepicker作为我的文本框，并将它们标记为只读以防止手动输入（如建议的here）。我仍然存在的问题是，当用户将鼠标悬停在文本框上时，光标会变为被阻挡的光标图像。这给用户留下了一个印象，即他不能对该字段做任何事情。虽然如果他继续点击它，他会得到日期选择器，并可以选择一个日期。我的问题是：有没有办法优雅地处理这个问题，而无需为鼠标光标编写所有操作代码。

Answer 1

例如，通过使用css cursor属性。您可以将其更改为您喜欢的光标。

我的datepicker字段有这个：

.form-control.datepicker {
  &[disabled], &[readonly] {
    cursor: pointer;
    background-color: #ffffff;
}

使用此功能，您可以将光标更改为指针，并在输入被禁用或只读时将背景颜色保持为白色。