Mat*_*ula 3 javascript jquery jquery-ui datepicker
我有非常简单的datepicker设置:
这个 <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" media="screen,projection,tv" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
$(function() {
$('input.date').datepicker();
$('button').on('click', function() {
$('#orig').clone()
.attr('id', 'else')
.datepicker()
.appendTo('body');
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
而这在 <body>
<input type="date" id="orig" class="date">
<button>duplicate</button>
Run Code Online (Sandbox Code Playgroud)
当克隆输入时,没有初始化datepicker.见http://jsfiddle.net/aMPB2/
这有什么问题?
datepicker向元素添加标记类"hasDatepicker".你必须从克隆中删除它:
$(function() {
$('input.date').datepicker();
$('button').on('click', function() {
var x = $('#orig').clone()
.attr('id', 'else')
.removeClass("hasDatepicker") // <=== New line
.appendTo('body')
.datepicker();
});
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2032 次 |
| 最近记录: |