Могу ли я использовать datepicker jQuery на <td>?

Question

Как и название говорит ... Мне интересно, могу ли я назначить 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> 

Что происходит в настоящее время является то, что DatePicker DIV появляется в источнике, но нажав на тд не вызывает его видимость или содержание.

Согласно документации jQuery, это не похоже на то, что должно быть возможно, но мне любопытно узнать, пробовал ли кто-нибудь еще и добился успеха.

Я работаю над некоторым встроенным редактированием и по эстетическим соображениям, я бы предпочел не переключать содержимое td на вход onclick, прежде чем запускать datepicker, обновлять входные данные, скрывать ввод и обновлять содержимое от td со значением входа и т. д. и т. д.

Answer 1

DatePicker() - Датчик даты привязан к стандартным полям ввода формы. Сосредоточьтесь на вводе (нажмите или используйте клавишу вкладки), чтобы открыть интерактивный календарь в небольшом оверлее.

Обязательным является поле ввода для привязки даты. Таким образом, вы не можете использовать datepicker для элемента td. Но вы можете связать datepicker для поля ввода, который находится внутри элемента td.