没有获得datePicker弹出窗口

时间:2012-08-22 09:42:20

标签: javascript asp.net-mvc-3 datepicker

您好我正在使用mvc3和asp.net

在我看来,在网格中我有'选择行'(复选框),startdate(标签)和endDate(标签)字段

当我点击选择行而不是标签时,应该出现一个日期选择器,以便用户可以更改结束日期

我在视图中写了以下代码

 <div class="cell" style="width:auto;"> <input type="checkbox" class="a" id="selected" onclick="Checked()" />
        </div>

      function Checked() {
if (document.getElementById('selected').checked) {
    document.getElementById('edit1').style.display = 'block';
    document.getElementById('edit2').style.display = 'none';

}
else {
    document.getElementById('edit2').style.display = 'block';
    document.getElementById('edit1').style.display = 'none';
}
}

并获得datepicker我写了这个

  <div class="cell" id="edit2" style="width:auto;">@Html.DisplayFor(modelItem => item.ExhibEndDate)</div>
        <div class="cell" id="edit1" style="width:auto; display:none;">@Html.Editor("ExhibEndDate")  </div> 



   $(document).ready(function () {
 $('#ExhibEndDate').datepicker({ dateFormat: 'dd-mm-yy' });
  });

但是我无法获得日期选择器 你能帮我吗

1 个答案:

答案 0 :(得分:0)

我使用textbox而不是editorfor如下

     @Html.TextBox("Enddate", item.ExhibEndDate, new { @class = "date" })

   $(document).ready(function () {

    $('.date').datepicker({ dateFormat: 'dd/mm/yy' });
             });