点击日历时不显示日期选择器

我有日期选择器的输入字段，目前在您点击字段时工作正常。但有人问我，日历应该也会显示，当用户点击日历，但这是我无法工作的位。点击日历时不显示日期选择器

我使用的是文本框的延伸和我的代码是：

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; 
    }

我在我的这些字段视图代码则是：

template.Nvc.Add("[!FromDate]", Html.CalandarTextBox("glyphicon glyphicon-calendar", "FromDate", fromDateValue, new { @class = "form-control" }).ToHtmlString());

最后我的JavaScript的领域是：

$("#FromDate").click(function() { 
     $("#Months").val(0); 
    }); 

    $("#FromDate").datepicker({ 
     dateFormat: 'dd/mm/yy', 
     changeMonth: true, 
     changeYear: true 
    });

正如我所说的，显示日历时，当我点击输入字段，但不是如果我点击t他在输入字段的末尾记录日历。

我该怎么做。

来源

2014-10-29 murday1983

从我的头顶开始：您将日历绑定到输入框。使用开发工具尝试查看“calendar”thingy是否有可用来绑定点击的类。 – Sphaso 2014-10-29 14:42:05

只需向我们展示您尝试定位的数据添加器输入的渲染内容。 – 2014-10-29 20:49:56

修复

$("#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

<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>

的Javascript

$（函数（）{ $（ “＃日期选择器”）日期选择器（{ changeMonth：真实， changeYear ：true， dateFormat：“dd/mm/yy” }）。datepicker（“setDate”，n ew Date（））;

$('#btnPicker').click(function() { 
     //alert('clicked'); 
     $('#datepicker').datepicker('show'); 
    }); 
});

来源

2015-08-28 13:36:19 murday1983

点击日历时不显示日期选择器

回答

相关问题