强制用户使用jquery datepicker

nam*_*nam 1 javascript jquery jquery-ui datepicker asp.net-mvc-4

在我的ASP.NET MVC 4应用程序中,我使用jquery.ui.datepicker.css为输入字段实现datepicker,如下所示:

@Html.TextBox("txtDate", new { @class = "date", @title = "(mm/dd/yyyy)"})
Run Code Online (Sandbox Code Playgroud)

当用户单击文本框时,会弹出日期选择器(日历),用户可以在其中选择日期.有些用户更喜欢开始输入日期.如何强制用户改为使用datepicker.我将属性@readonly ="readonly"添加到文本框中,但浏览器会使文本框的颜色变灰,使用户认为他/她不能在那里做任何事情.

请帮忙.

Yus*_*f S 5

我认为你应该添加 style ="background:white;" 使它看起来像是可写的

<input type="text" id="txtDate" class="date" readonly="readonly" style="background:white;"/>
Run Code Online (Sandbox Code Playgroud)

  • 感谢您提供这个简单的解决方案。我试过 background-color="white" 但这没有用。我最后添加的另一个属性是 border-style:none 因为 readonly 属性还使文本框周围的纯黑色边框。所以我添加了 style="background:white;border-style:none;" (3认同)