如何更改jQuery DatePicker控件的弹出位置
要更改jQuery DatePicker控件的弹出位置，您可以使用以下方法：
- 使用
beforeShow选项自定义弹出位置：
$("#datepicker").datepicker({
beforeShow: function(input, inst) {
// 获取输入框的位置
var rect = input.getBoundingClientRect();
// 设置DatePicker的弹出位置
inst.dpDiv.css({ top: rect.top + 40, left: rect.left + 0 });
}
});- 使用CSS样式自定义弹出位置：
.ui-datepicker {
position: absolute;
top: 40px !important;
left: 0 !important;
}这两种方法都可以实现更改jQuery DatePicker控件的弹出位置。您可以根据自己的需求选择合适的方法。
相关·内容
22回答
你知道如何让DatePicker出现在相关文本框的末尾而不是它的正下方吗？通常会发生的情况是，文本框靠近页面底部，DatePicker向上移动以说明这一点，并完全覆盖了文本框。我更希望它出现在文本框之后，这样它如何垂直调整就不重要了。
你知道怎么控制定位吗？我没有看到这个小部件的任何设置，我也没有幸运地调整CSS设置，但我很容易遗漏一些东西。
浏览 3提问于2009-03-19得票数 118
回答已采纳
1回答
我在Windows8.1平板电脑上使用此WPF DatePicker日历弹出位置时遇到问题。当我单击“从TextBox到DatePicker”图标选择一个日期时，问题就开始了，在那段时间内，平板电脑提示也就是键盘消失了，然后打开DatePicker日历弹出窗口，并与DatePicker控件重叠，这看起来很丑陋……也许有人有或有相同的问题，并知道如何解决那个位置问题？
浏览 9提问于2015-08-12得票数 0
3回答
我有雷达数据报警器控制在radwindow.The大小的雷达窗口是固定的。当我打开雷达弹出弹出，它显示滚动条在雷达窗口，因为更少的空间。
浏览 10提问于2013-05-13得票数 2
我有一个在我开始工作之前开发的应用程序，日期选择器是自定义的。我们最近迁移到了Windows8，定制的日期选择器不再工作了。因此，我开始为jquery-ui datepicker更改它们，一切都如我所愿。但现在我面临一个问题。其中一些自定义日期选择器处于Telerik RadGrid的编辑/插入模式。我的jquery-ui datepicker弹出窗口，当文本框使用控件<
浏览 2提问于2014-08-27得票数 0
我有转发器控件，其中我有jQuery日期选择器。当我单击textbox时，datepicker会弹出，但当我选择date时，它只会填充到Repeater控件中的第一个文本框中。<asp:TextBox ID="datepicker" runat="server" CssClass="datepicker" ClientIDMode="Static" Text=&#x
浏览 0提问于2017-04-20得票数 0
我正在编写我的第一个JQuery UI插件，一个时间范围选择器(其中的“时间范围”类似于“上周四凌晨3:16到明天下午5:19”)。基本概念是具有人类可读描述的<input type="text">在任何时候都是可见的。就像JQuery UI中的datepicker一样，当用户在文本字段中单击时，会显示一个带有交互式控件的弹出窗口。
但是，我在再现弹出</em
浏览 0提问于2012-04-16得票数 1
回答已采纳
我需要显示用于Html.TextBox的jQuery UI日期选择器插件，如何执行此操作？jQuery代码： $(function () { }); <p>Date: <input type="te
浏览 0提问于2011-12-31得票数 2
回答已采纳
我有一个滚动的bootstrap模式，我知道内容对它来说太长了，但我对此无能为力。问题是我在该模式中有一个jQuery日期选择器，但它将body作为父对象，并且只随body滚动，而不是与模式一起滚动。我希望datepicker在模式中滚动时留在它的位置。我已经尝试了一些技巧，使模式的位置从固定到绝对，但如果日期拾取器将body作为其父对象，它将不会起作用。正在调用该模式： modalId = "someid&q
浏览 0提问于2015-01-21得票数 0
我正在尝试在ajax控件工具包modalpopup扩展器中使用jquery datepicker ( Ajax控件工具包之一不能用于我们的目的)。jquery datepicker在模式弹出窗口扩展器中不起作用。它在模式之外的文本框上工作得很好。有没有办法一起使用这两个？
浏览 0提问于2011-04-22得票数 0
回答已采纳
我有一个在DataGrid中显示的UserControl。它包含一个DatePicker和一个打开Popup控件的Button，用户可以在该控件中进行选择，一旦选择该控件，就会用结果填充文本块。如果更改，DatePicker是唯一会触发CellEditEnded事件的对象。如何让弹出式控件selectionChanged事件告诉Datagrid单元格已完成编辑？
浏览 0提问于2013-07-14得票数 1
回答已采纳
3回答
--我想将日历包含在带有深灰色边框的白色div中(class = "profileEdit")，只有滚动才能看到它的溢出。现在，它正在蔓延到profileEdit的父母div上。选择的 </div>
<inputCALENDAR -->
浏览 15提问于2022-03-01得票数 1
回答已采纳
我在wordpress小部件上添加了jQuery数据报警器，在保存小部件之前，它工作正常。保存小部件之后，只有刷新小部件页面，数据报警器才会再次弹出。我没有看到任何控制台错误，检查我看到的#ui-datepicker-div设置为display:none;的元素，保存小部件后不会更改为display: block;或数据报警器的位置。下面是我如何添加数据报警器：
if( !jquery-ui-datepick
浏览 0提问于2014-07-11得票数 1
回答已采纳
如何防止在使用jQuery .datepicker()时显示时间？@Html.EditorFor控件可以很好地工作。但是，当我将控件从以下位置更改时：要这样做：为了使其正常工作(标记应用了datepicker的</e
浏览 0提问于2013-03-30得票数 7
回答已采纳
我在中继器控件中有一个jQuery日期选择器。<input type="text" id="datepicker<%#Container.ItemIndex %>" onclick=showcalender(<%#Container.ItemIndexBIRTH_DATE") %>' />function showcalender(id) {
var e = document.getEleme
浏览 4提问于2017-05-09得票数 0
我在asp.net用户控件中有一个jquery datepicker。我需要设置一个更改指示器(它不一定是onchange，任何事件名称都可以，只要我可以从包含控件的页面的.aspx中引用它，以便在日历上选择新日期时在该页面上执行特定于该控件的javascript )。这是初始化我的datepicker的javascript。初始化得很好，并且在像上面这样设置时，警报确实会在日期选择时像预期
浏览 3提问于2013-03-08得票数 0
回答已采纳
1回答
在asp内容页面中使用bootstrap弹出模式。我的内容页面可以继承所有asp服务器控件的css，但是当我尝试在asp:contents中使用bootstrap弹出窗口时，它没有弹出。其中一个不起作用的引导实例是datepicker。在asp中使用以下代码:content。它不起作用。我已经在表行内和表外尝试过此内容。container">
<div class="hero-unit">
浏览 4提问于2014-12-24得票数 0
如何使用JQuery更改文本框中日期选择器的位置Jquery (function ($) {
$('.Date').
浏览 2提问于2014-12-31得票数 2
我正在尝试修改Kendo UI DatePicker控件的z索引，以便在组件视图上的一些工具提示后面显示弹出的日历。如何更改此索引值？
浏览 0提问于2017-10-11得票数 0
1回答
下面是用来显示日历的代码。请帮帮忙。提前谢谢。$(".datepicker, .date").datepicker({ weekStart: 1,
todayBtn下面是html文件和aspx文件中的html代码。
浏览 0提问于2016-09-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
