我可以使用jQuery';a上的s日期选择器<;td>;?

我可以使用jQuery';a上的s日期选择器<;td>;?,jquery,datepicker,Jquery,Datepicker,正如标题所说。。。我想知道是否可以将日期选择器分配给td而不是输入标记。日期选择器应该在您单击td时显示,并且单击日期应该更新td的内容 <table> <tr> <td></td> <td class="date" id="date1"></td> <td></td> </tr> <tr> <td></td>

正如标题所说。。。我想知道是否可以将日期选择器分配给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>

$(“.date”)。每个(函数(){
$(this.datepicker();
}
当前发生的情况是datepicker div出现在源代码中,但单击每个td不会触发其可见性或内容

根据jQuery的文档,这看起来不像是应该可能的事情,但我很想知道是否有其他人尝试过并且成功了

我正在进行一些内联编辑,出于美观的原因,我不希望在触发日期选择器、更新输入、隐藏输入以及使用输入值更新td的内容等之前,将td的内容切换到输入onclick。等等。

-日期选择器绑定到标准表单输入字段。Fo专注于输入(单击,或使用tab键)在一个小覆盖中打开一个交互式日历


绑定日期选择器必须是输入字段。所以你不能为
td
元素绑定日期选择器。但是你可以为
td
元素中的输入字段绑定日期选择器。

为什么不将
放在你的
元素中呢?是的,自从发布这个问题以来我一直在考虑这个问题,我想我可以这样做使输入看起来不像输入。我有一个带有contenteditable=“true”和class=“datepicker”的td,当我点击innerText时,日历小部件会弹出。因此,datepicker在TD中向我展示了“不爱”。谢谢Bhushan。我希望有一种方法可以解决这个问题,而不必将所有TD切换到输入,但看起来我只需要用CSS进行创作。不幸的是,没有办法做到这一点,但是的,将来你可能会找到它。