[英]Datepicker inside the modal dialog Jquery-UI
尝试在模态对话框中创建表单。 但我希望这个表单包含来自jquery的datepickers和其他小部件。
目前我正在这样做:
在视图中:
<p><%= link_to "New Event", new_event_path, :remote => true%></p>
在application.js中
jQuery(function($) {
$('a[data-remote]').live('ajax:beforeSend', function(e, xhr, settings){
xhr.setRequestHeader('accept', '*/*;q=0.5, text/html, ' + settings.accepts.html);
});
$('a[data-remote]').live('ajax:success', function(event, data, status, xhr){
$('#modal').html(data);
$('#modal').dialog({
show: "slide",
hide: "slide",
draggable: true,
modal: true });
});
});
如果在我的部分位于页面顶部我放了
<script>$(function (){
$('#event_date').datepicker();
});
</script>
然后当模态对话框出现时,我的日期字段将显示为datepicker,但我最好将此代码放在application.js中,而不是放在视图中。
我是jquery的新手,这也许就是为什么我发现这很难做到的。 欢迎任何建议!
把datepicker初始化在对话框的open
回调中!
$('a[data-remote]').live('ajax:beforeSend', function(e, xhr, settings){
xhr.setRequestHeader('accept', '*/*;q=0.5, text/html, ' + settings.accepts.html);
});
$('a[data-remote]').live('ajax:success', function(event, data, status, xhr){
$('#modal').html(data);
$('#modal').dialog({
show: "slide",
hide: "slide",
draggable: true,
modal: true,
open: function(event, ui){
$('#event_date').datepicker();
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.