我可以在jQuery上使用jQuery的datepicker吗?

时间:2014-09-16 13:12:13

标签: jquery datepicker

就像标题所说的那样......我想知道我是否可以将日期选择器分配给td而不是输入标签。当你点击td并点击日期时,应该显示日期选择器应该更新td的内容。

<table>
  <tr>
    <td></td>
    <td class="date" id="date1"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td class="date" id="date2"></td>
    <td></td>
  </tr>
</table>

<script>
  $(".date").each(function(){
    $(this).datepicker();
  }
</script>

目前发生的事情是,日期选择器div出现在源中,但点击每个td不会触发它的可见性或内容。

根据jQuery的文档,它看起来不应该是可能的,但我很想知道是否有其他人尝试过并取得了成功。

我正在进行一些内联​​编辑,出于审美原因,我宁愿在触发datepicker之前不必将td的内容切换到输入onclick,更新输入,隐藏输入和用输入值等更新td的内容等。

1 个答案:

答案 0 :(得分:0)

DatePicker() - 将datepicker绑定到标准表单输入字段。专注于输入(单击,或使用Tab键)以小覆盖图打开交互式日历。

必须是输入字段来绑定日期选择器。所以你不能拥有td元素的日期选择器。但是您可以将datepicker绑定到td元素内的输入字段。