C# 单击日历时不显示日期选择器
我有一些输入字段,它们是日期选择器,目前,当您单击该字段时,可以正常工作。但有人问我,当用户点击日历时,日历也应该显示出来,但这是我无法工作的地方 我使用的是文本框扩展,我的代码是:C# 单击日历时不显示日期选择器,c#,jquery,twitter-bootstrap-3,asp.net-mvc-5,C#,Jquery,Twitter Bootstrap 3,Asp.net Mvc 5,我有一些输入字段,它们是日期选择器,目前,当您单击该字段时,可以正常工作。但有人问我,当用户点击日历时,日历也应该显示出来,但这是我无法工作的地方 我使用的是文本框扩展,我的代码是: public static MvcHtmlString CalandarTextBox(this HtmlHelper htmlHelper, string prefix, string name, object value, object htmlAttributes) { TagBui
public static MvcHtmlString CalandarTextBox(this HtmlHelper htmlHelper, string prefix, string name, object value, object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("input");
tagBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributes));
string template = "";
template += "<div class=\"input-group input-group-IE7\">";
template += " <input class=\"form-control\" type=\"text\" name=\"{0}\" id=\"{0}\" value=\"{1}\" {2}";
template += " <div class=\"input-group-addon input-group-addon-IE7\"><i class=\"{3}\"></i></div>";
template += "</div>";
MvcHtmlString TextBox = new MvcHtmlString(
String.Format(template, name, value, tagBuilder.ToString(TagRenderMode.Normal).Replace("<input ", " "), prefix)
);
return TextBox;
}
最后,我的字段Javascript是:
$("#FromDate").click(function () {
$("#Months").val(0);
});
$("#FromDate").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true
});
如上所述,单击输入字段时显示日历,但单击输入字段末尾的日历时不显示日历
我该怎么做。修复
$("#FromDate").datepicker({
showOn: "button",
changeMonth: true,
changeYear: true,
buttonImage: "../../images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "dd/mm/yy"
});
$("#ToDate").datepicker({
showOn: "button",
changeMonth: true,
changeYear: true,
buttonImage: "../../images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "dd/mm/yy"
});
Html
从我的头顶:你正在将日历绑定到输入框。使用开发工具,尝试查看“日历”是否有一个类,您可以利用该类来绑定对它的单击。只需向我们显示您试图针对的数据采集器输入的呈现内容。
$("#FromDate").datepicker({
showOn: "button",
changeMonth: true,
changeYear: true,
buttonImage: "../../images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "dd/mm/yy"
});
$("#ToDate").datepicker({
showOn: "button",
changeMonth: true,
changeYear: true,
buttonImage: "../../images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "dd/mm/yy"
});
<div class="col-lg-3">
<div class="input-group">
<input type="text" class="form-control" id="datepicker">
<span class="input-group-btn">
<button type="button" class="btn btn-default" id="btnPicker">
<span class="glyphicon glyphicon-calendar"></span>
</button>
</span>
</div>
<!-- /input-group -->
</div>
$('#btnPicker').click(function () {
//alert('clicked');
$('#datepicker').datepicker('show');
});
});