bootstrap-datepicker 相关问题

为什么bootstrap-datepicker显示时会触发'show.bs.modal'？

我有一个模态，如下图所示， 当我选择包含日期选择器的输入字段时，会触发引导模式事件 .on('show.bs.modal') ，这是非常有问题的，因为我

如果太早打开，为什么我的 Bootstrap 日期选择器会被重复？

我的代码中有一个日期选择器，当我在所有请求完成之前打开日期选择器时，它会在我的日期选择器下拉列表中添加一个内联日期选择器，这是我的代码 我的代码中有一个日期选择器，当我在所有请求完成之前打开日期选择器时，它会在我的日期选择器下拉列表中添加一个内联日期选择器，这是我的代码 <div class="hand-date-picker mr-3"> @Html.TextBox("InHandDate", "", new { @class = "datepicker", @group = "inhanddate", @data_date_format = HelperMethods.GetDateFormat(), @data_test_selector = "txtInHandDate" }) <span class="icon-calendar" data-time-icon="icon-time" data-date-icon="icon-calendar"></span> </div> 并在课堂上初始化 $("#InHandDate").datepicker({ //@ts-ignore daysOfWeekDisabled: '0,6' }); $("#InHandDate").datepicker('setDaysOfWeekDisabled', [0, 6]) 并在脚本元素中 $(document).ready(function () { let minDate; if ($("input[class='PickUpShipping']").is(":checked")){ $(".CashOnPickup").show(); $("#warehouses-select").css("display", "block"); minDate = '@(HelperMethods.GetDateTime())'; } else { $(".CashOnPickup").hide(); $("#warehouses-select").css("display", "none"); minDate = '@(HelperMethods.GetDateTime().AddDays(1))'; } $("#InHandDate").datepicker('setStartDate', new Date(minDate)) }); $("input[name='ShippingOptions']").on("click", function (ev) { let minDate; if ($(this).data('shippingcode') === 'Pickup') { $(".CashOnPickup").show(); $("#warehouses-select").css("display", "block"); minDate = '@(HelperMethods.GetDateTime())'; } else { $(".CashOnPickup").hide(); $(".CashOnPickup input").prop('checked', false); $("#warehouses-select").css("display", "none"); minDate = '@(HelperMethods.GetDateTime().AddDays(1))'; } $("#InHandDate").datepicker('setStartDate', new Date(minDate)) }); $("input[name='ShippingOptions']").on("change", function (ev) { $("#InHandDate").datepicker('setDate', ""); }); 我尝试用多种方式来阻止它。但到目前为止还没有运气 显然这是因为没有设置 minDate 属性。添加'@minDate =“”' HTML 解决了问题

只有年份的日期选择器

我正在尝试在我的 asp.net-mvc 项目中实现一个输入日期选择器，该项目仅显示创建/编辑模型新值的年份。我希望日期和月份始终相同（31/12/年）...

将自定义样式应用于 Bootstrap Datepicker 中的活动日期

我目前正在使用 Bootstrap-datepicker 和 Bootstrap 5。我正在尝试修改日期选择器中活动日期的背景颜色。不过，我的自定义造型好像是……

Bootstrap 日期选择器默认为今天而不是输入值日期

我正在使用 Bootstrap 4 日期选择器，日历弹出窗口默认为今天的日期，而不是输入字段中设置的日期。我在这个表单中还有多个日期字段，所有字段都使用日期选择器，所以我想...

如何调整同一行中的两个 React 日期选择器而不改变它们的位置

我是 ReactJS 世界的新手，如何调整日期选择器字段， 要求是开始日期和结束日期应在同一行。 我能够创建开始日期和结束日期两个字段。 当我选择...

为什么 Angular 日期选择器这么慢？

为什么 Angular JS 日期选择器使用如此多的 CPU？当页面上有几个这样的内容时，它们会显着降低网站速度。 有什么办法可以缓解这种情况吗？ 例如，官方 Angular 的

今天默认引导日期选择器

我正在使用这个引导日期选择器作为我的日期选择器。我希望日期选择器选择“今天”作为开始日或默认日。 我不知道如何自动设置“今天”，所以我做了一个

容器 div 隐藏的引导日期选择器

我有一个生日输入文本，我使用 Bootstrap datepicker v4。 表格位于 容器内。如图所示，日期选择器日历被“”边框隐藏 我有一个生日输入文本，我使用 Bootstrap datepicker v4。 表格位于<div class="media">容器内。如图所示，日期选择器日历被“媒体”div 的边框隐藏，我无法用 z-index 解决这个问题，它不起作用。 当我对媒体和选项卡内容这两个类使用 overflow: visible 时，字段失去了宽度并且显示布局发生了变化（参见第二张图）。 <link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet"> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> <script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script> <div class="tab-wrap"> <div class="media"> <div class="parrent pull-left"> <ul class="nav nav-tabs nav-stacked"> <li class="active"><a href="#tab1" data-toggle="tab" class="analistic-01"><?= lang('BASIC_INFO'); ?></a></li> <li class=""><a href="#tab2" data-toggle="tab" class="analistic-02"><?= lang('PUBLIC_PROFILE'); ?></a></li> <li class=""><a href="#tab3" data-toggle="tab" class="tehnical"><?= lang('INTERESTS'); ?></a></li> <li class=""><a href="#tab4" data-toggle="tab" class="tehnical"><?= lang('FOTOS'); ?></a></li> </ul> </div> <div class="parrent media-body"> <div class="tab-content"> <div class="tab-pane fade active in" id="tab1"> <div class="media"> <div class="media-body"> <div class="form-group"> <div class='input-group date' id='datetimepicker1'> <input type='text' id='bdate' name='bdate' class="form-control" value="<?= $userProfile ? $userProfile['bdate'] : '' ?>"/> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> 起诉后的结果overflow: visible; 在父容器（例如 overflow: hidden;）上查找 .media，并查看是否可以覆盖它或将其删除（如果已设置）（overflow: visible; 将是覆盖）。 我只是猜测，因为我不知道你的完整 CSS 是什么样子，但另一种可能性可能是你尝试应用的 z-index 被覆盖，因为你使用的规则不如 Bootstrap CSS 中的规则具体。检查浏览器开发人员工具中应用的样式，以验证您提供的 z-index 是否优先。 你可以试试这个 $('selector').datetimepicker().on('dp.show',function(){ $('.media').css({'overflow':'visible'}); }).on('dp.hide',function(){ $('.media').css({'overflow':'hidden'}); }) 按照@trungbadao的回答，即使日期时间选择器有更新，我们也需要将溢出设置为隐藏，因此他的答案可以这样更新： $('selector').datetimepicker().on('dp.show',function(){ $('.media').css({'overflow':'visible'}); }).on('dp.hide',function(){ $('.media').css({'overflow':'hidden'}); }).on('dp.change',function(){ $('.media').css({'overflow':'hidden'}); }) 经过 4 小时的搜索和尝试，这对我有用，我有一个祖先，它的位置相对溢出 x 隐藏，所以我将其直接父 .date 位置设为静态，并固定了实际的日期时间选择器位置。 .date{ position: static; } .bootstrap-datetimepicker-widget{ position:fixed } $(".date").datetimepicker({ locale: "{{ LANGUAGE_CODE }}-ca", keepOpen: false, format: "YYYY-MM-DD HH:mm", });

如何在引导日期选择器中自动选择当前日期或选定日期

$('.datepicker').datepicker({ 格式：“年-月-日”， 强制解析：假， 自动关闭：真， 默认日期：'现在'， }); $('.datepicker').datepicker({ 格式：“年-月-日”， 强制解析：f...

将 bootstrap-datepicker 与 HTMX 结合使用

我正在尝试将 bootstrap-datepicker 与 HTMX 一起使用。 关于日期更改，我想使用日期作为 hx-post 的参数，但我不知道如何处理这个问题。 我有一个带有工作靴的 JSFiddle...

如何删除显示引导程序上最后使用日期的工具提示？

我用引导程序创建了一个日期选择器。它主要按照我的意愿工作，但每次我单击该字段时，它都会显示我选择的最后几年。这会阻止日历视图，也不会重新...

模拟点击bootstrap-datepicker

我的页面上有一个引导日期时间选择器元素。我想在不直接单击输入字段的情况下打开此元素上的日历。我已经尝试了一切，可以获得点击事件......

带毫秒的日期时间选择器

有什么方法可以让我在引导程序中获得毫秒数。我使用 DB2 时间戳来插入日期时间。因此，在执行搜索时，我需要允许用户使用

Datepicker-周从周日开始，周数为

如何在日期选择器中显示从周日开始的周以及周数。 例如：我需要从 23 年 12 月 3 日（星期日）开始的星期应该显示第 11 周而不是第 10 周。感谢任何帮助。那...

jquery 在 bootstrap-datepicker 上执行选择

各位， 我正在使用 bootstrap-datepicker， 它是一个用户驱动的表单，当登陆日期选择器页面时，我有不同的选择供用户根据所选日期进行选择（如您在数据中所见） W...

我无法在 vue2 日期选择器上自动为我的 cypress 测试选择日期

我必须使用 Cypress 进行测试，这是一种使用 vue2 创建的表单，并选择一个特定的日期（2024 年 1 月 1 日）： 我无法为我的赛普拉斯测试自动选择日期 关于我必须输入 .click(); 的日期到...

Datepicker bootstrap 4问题巫师改变了

我读了很多关于这个问题的文章，但我的问题是没有一个属性可以改变......我不知道为什么。4个小时都没有成功。我的问题是我有一个datepicker... ...

将日期字符串ddmmyy转换为脚本类型的ddmmyyyy。

在date picker onchange方法中，我已经把日期作为字符串传递给了ddmmyyyy (20102020)。我不知道如何将日期格式转换为ddmmyyyy。

todayBtn消失.on('changeDate'事件datepicker)。

我使用了2个bootstrap 3个数据选择器，有一个checkIn日期和一个checkOut日期。当.on('changeDate'事件在其中一个datepickers上启动时，todayBtn在另一个datepicker上消失。我到底做了什么...