【问题标题】:Disable manual input for datepicker without blocking mouse cursor在不阻塞鼠标光标的情况下禁用日期选择器的手动输入
【发布时间】:2013-04-15 12:52:01
【问题描述】:
我正在为我的文本框使用 jquery ui datepicker,并将它们标记为只读以防止手动输入(建议 here)。我仍然遇到的问题是,当用户将鼠标移到文本框上时,光标会变为被阻止的光标图像。这给用户一种印象,即他无法对该字段执行任何操作。虽然如果他继续点击它,他会得到日期选择器并可以选择一个日期。我的问题是:有没有一种方法可以优雅地处理这个问题,而无需为鼠标光标编写所有操作代码。
【问题讨论】:
标签:
ruby-on-rails
input
datepicker
readonly
manual
【解决方案1】:
例如,通过使用 css 光标属性。您可以将其更改为您喜欢的光标。
我的日期选择器字段有这个:
.form-control.datepicker {
&[disabled], &[readonly] {
cursor: pointer;
background-color: #ffffff;
}
这样,您可以将光标更改为指针,并在输入被禁用或只读时将背景颜色保持为白色。