Question

HTML：

<p id="drag11" class="ui-widget-content" > Calender </p>


    <div class="col-md-8"> <div id="droppable" class="ui-sortable" ><ol></ol></div></div>

jquery ui：

var calenderFieldCount++=0;
calenderFieldCount++;

 $("#droppable").append('<li class="ui-state-default">' +
 '<div class="cal" id="InputsWrapper_11' + calenderFieldCount + '">' +
 '<label class="cal"> calender:' + calenderFieldCount + '</label>' +
  '<p>' + '<input type="text" id="datepicker" class="hasDatepicker" name="mycal[]" />'+
 '<button class="removeclass11">x</button>' +
 '</p>' + '<br>' + '</div>' + '</li>');

$("#droppable").delegate(".hasDatePicker", "click", function () {
 $(this).datepicker();
});

当id =“drag11”的元素在id =“droppable”的div中拖放时会出现一个文本框，但是当您单击文本框时，不会出现日期选择器。使用上面的代码。请帮忙。先感谢您。

Answer 1

试试这个jquery日期选择器只需添加字段ID并使用js文件

<script>
    jQuery(document).ready(function()
        $('#dob').datepicker({
            dateFormat: 'dd-mm-yy'
        });
    });
</script>

datepicker不适用于动态创建的datepicker

1 个答案: