Один datetimepicker на два поля?

Question

[stayHARD]

Здравствуйте.
Вопрос, который следует после Как сделать бесконечную форму(динамическое кол-во полей)?
в форме есть два элемента вида:

<input type="text" class="form-control" name="start_date" readonly id="datetimepicker">
<input  type="text" class="form-control" name="dates" readonly id="datetimepicker2">

сопровождающий JS:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#datetimepicker').datepicker({format: 'yyyy-mm-dd'});
jQuery('#datetimepicker2').datepicker({format: 'yyyy-mm-dd', multidate: true});
});
</script>

До этого момента все работает отлично.
Затем я клонирую datetimepicker2. При клике на нем выпадает datetimepicker (для самого первого input). Как сделать все datetimepicker независимыми?

Answer 1

[Stalker_RED]

Всё просто, при фокусе на поле нужно проверять, навешен ли уже datepicker.
jsfiddle.net/sbgf7fka

Comments

[stayHARD]

Пример хороший, вот только не выходит почему-то у меня.
jsfiddle.net/u76wjao1
Глянете?

[Stalker_RED]

stayHARD: Вы понимаете как работают селекторы в jQuery? В частности '.date', который в моем примере.

Кроме того у вас в примере в огромном количестве какие-то странные .clone('true'), которые явно делают что-то не то.

[stayHARD]

Stalker_RED: исправил jsfiddle.net/u76wjao1/3

[Stalker_RED]

stayHARD: 1.а Вы таки хотите скопировать datepicker или чтобы у каждого поля был свой?
1.б Конструкции типа $("br").clone().appendTo("#form"); выглядят как минимум странно. Можно ведь вынести шаблон в отдельный блок и клонировать его целиком.

2. Вы клонируете dom-элементы с id, в результате у вас несколько одинаковых id на странице, а это отличный источник "странного поведения" и прочих глюков.

[stayHARD]

Stalker_RED: мне нужно повторять поля в форме. У некоторых полей есть свой datetimepicker. После клонирования хочу второй - независимый datetimepicker.
На id элементов - все равно, можно при клонировании удалить, главное сохранение name + count.

[stayHARD]

Stalker_RED: как-ни странно я попробовал интегрировать Ваш код в свою Html страничку в итоге ничего не работает. Возможно я что-то забыл подключить?

[Stalker_RED]

stayHARD: Вы пишете селекторы от балды. R примеру у вас там #form но в документе нет такого id.
Работает же jsfiddle.net/u76wjao1/5

[stayHARD]

Stalker_RED: #form есть.
Изначально это пустой div, а потом туда ложу склоненые элементы

[stayHARD]

Stalker_RED: а вообще да, все работает ;)
Вы волшебник, спасибо большое.