jQuery UI DatePicker在对话框窗口打开

前端之家收集整理的这篇文章主要介绍了jQuery UI DatePicker在对话框窗口打开前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在显示一个jQuery UI对话框窗口,其中包含一个jQuery UI datepicker控件.问题是对话框窗口中的第一个表单字段是日期选择器,因此它在窗口打开时获得焦点,这反过来导致日期选择器窗口自动打开.我不希望这种情况发生.

我试过打电话

$('#Date').datepicker('hide')

然后打开对话框窗口的功能,并且在使对话框打开的代码之后但是当它到达代码时它不起作用,则datepicker窗口尚未打开.

如何在对话框窗口显示时打开日期选择器窗口但在用户单击输入时仍然打开它?

最佳答案
您可以使用图标触发器:http://jqueryui.com/demos/datepicker/#icon-trigger

并且,如果需要,阻止用户键入日期.

我创建了一个带有日期选择器的对话框,并且无法在FF或Chrome中复制该问题.在IE浏览器中实现了它.

http://jsfiddle.net/458bM/2/

$(".datepicker").datepicker({
    dateFormat: 'yy-mm-dd '
});

$(".datepicker").datepicker("disable");

$("#dialog").dialog({
width: 400,modal: true,open: function(event,ui) {
    $(".datepicker").datepicker("enable");
    }
});

根据以前的答案:How to blur the first form input at the dialog opening

原文链接:https://www.f2er.com/jquery/427953.html

猜你在找的jQuery相关文章