$(".pick_date").AnyTime_picker({ format: "%W, %M %D, %z" });
.pick_date
这是在元素上初始化 AnyTime 选择器的代码。但是,如果我附加元素,那么 AnyTime 将无法使用它。有没有办法让它工作。
我试过这个:
$('#submit-buton').live("click", function() {
$.ajax({
type: "POST",
url: '/AddTask',
dataType: 'html',
success: function(data) {
$("#taskModule").append(data);
$(".pick_date").AnyTime_picker({ format: "%W, %M %D, %z" });
}
});
});
但是没有效果...
任何想法?
编辑:
这有效:
<div id="mydatepicker">
</div>
<input type="button" id="MyButton" value="Append" />
<script type="text/javascript">
$(function() {
var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />';
$("#mydatepicker").append(mydatepickerHtml);
$('#MyButton').live("click", function() {
// ...
});
AnyTime.picker( "field1", { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
$("#field2").AnyTime_picker(
{ format: "%H:%i", labelTitle: "Hora",
labelHour: "Hora", labelMinute: "Minuto" } );
});
</script>
但这并不...
<div id="mydatepicker">
</div>
<input type="button" id="MyButton" value="Append" />
<script type="text/javascript">
$(function() {
$('#MyButton').live("click", function() {
var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />';
$("#mydatepicker").append(mydatepickerHtml);
});
AnyTime.picker( "field1", { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
$("#field2").AnyTime_picker(
{ format: "%H:%i", labelTitle: "Hora",
labelHour: "Hora", labelMinute: "Minuto" } );
});
</script>