eonasdan-datetimepicker 相关问题

bootstrap-datetimepicker是Eonasdan使用Twitter的bootstrap库的一个datepicker小部件。对于日期选择器,请参阅[tag:bootstrap-datepicker]

jQuery Bootstrap Timepicker 开始和结束时间

我有2个时间选择器,第一个用于开始时间,第二个用于结束时间。 我希望结束时间不应超过开始时间。我不想设置任何默认值,...

回答 2 投票 0

容器 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", });

回答 4 投票 0

如何在React中使用Eonasdan Datetimepicker

在React中使用最新版本的eonasdan datetimepicker的最佳方法是什么?项目URL:https://eonasdan.github.io/bootstrap-datetimepicker

回答 1 投票 0

需要时刻定义。AMD发布后无法正常工作

我使用的图书馆有问题。文件的标题是:(function(factory){'use strict'; if(typeof define ==='function'&& define.amd){//使用了AMD-...

回答 1 投票 0

尝试使用时刻格式化日期变量,并将其传递给datetimepicker,这将导致弃用警告

我正在尝试设置日期变量的格式,并将其传递给eonasdan datetimepicker以获取角度信息,但是无论我尝试执行什么操作,我都会收到不赞成使用的警告:瞬间构建回落到js Date。这是...

回答 1 投票 1

JQuery DateTimePicker未使用非侵入式验证进行验证

使用此Jquery DateTimePicker。我想确保在Submit上输入了TimeStamp,因此在ViewModel中它是必填字段,但是由于控件的样式设置,ID为...

回答 1 投票 0

无法销毁引导日期时间选择器-(无法读取未定义的属性'destroy')

我正在使用Eonasdan引导程序datetimepicker,可以在https://eonasdan.github.io/bootstrap-datetimepicker/中找到。我有一种情况,我想销毁/重新初始化插件。我有...

回答 1 投票 0

引导dateTimePicker的拉网显示禁用日期

。以下是我的代码$( '#DOB')的DateTimePicker({格式: 'DD-MM-YYYY' 的maxDate:新的日期( “2009”, “01”, “01”),useCurrent:假});但是,当我测试我的接口它会弹出已禁用...

回答 2 投票 0

引导上的init问题dateTimePicker的范围

有时候,我已经与预编译日期(在这些例子:2019年6月2日)的形式。

回答 1 投票 0

在其他选择选项更改的当天时间更改disabledHours

任务是餐馆的预订表格。每个餐厅的残疾人时间都是相同的,除了其中一个。所有餐厅均可通过选择选项进行选择。选择字段已经有...

回答 2 投票 0

如何将bootstrap-datetimepicker默认显示日期设置为“null”

我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/。如果你打开https://jsfiddle.net/Eonasdan/0Ltv25o8/,你会看到初始日期是空的,只有点击...才会填写

回答 1 投票 3

django - bootstrap datetimepicker始终在文本框中显示今天的日期

问题是,即使我更改值并保存表单,当我必须重新加载表单或再次进入页面时,文本框不会显示我保存的值,而是显示今天的日期。一世 ...

回答 1 投票 0

如何根据select onChange事件更新jQuery datetimepicker

请注意这个问题是关于datetimepicker NOT datepicker。我有一个datetimepicker初始化为当前日期。当用户在select元素中选择一个选项时,我想更新...

回答 1 投票 0

使用jquery触发另一个datetimepicker

我想在另一个选择器中选择日期后打开datepicker。为此我们可以在datepicker中看到很多建议和答案,但我找不到datetimepicker的解决方案。默认......

回答 2 投票 1

加载时设置datetimepicker最大/最小值

我正在使用vue-bootstrap-datetimepicker的修改版本,它是bootstrap-datetimepicker的vue组件包装器。我有两个输入:开始日期和结束日期。当我设定结束日期时,......

回答 1 投票 0

我的datetimepicker没有出现在symfony 3.4中

在这里,我正在尝试自定义我的两个字段中添加日程表,在这两个字段中使用datetimepicker,即http://eonasdan.github.io/bootstrap-datetimepicker/datetimepicker ...

回答 2 投票 0

bootstrap datetimepicker - 设置maxDate相对于现在?

我使用这个datetimepicker:http://eonasdan.github.io/bootstrap-datetimepicker/Options/基本上我想设置maxDate:moment(),即maxDate应限于现在。问题是到时候......

回答 3 投票 3

使用引导程序DateTimePicker上的下拉列表更新minDate

我的项目中有一个日期时间选择器,每当我在下拉列表中选择不同的选项时,需要更新最小日期。目前我有:

回答 1 投票 0

如何在Bootstrap-DateTimePicker中启用日期和时间选择器

我使用这个Bootstrap-DateTimePicker与最新版本的4.17.47。我阅读了所有文档选项,函数和事件。我还包括JS和CSS的所有依赖项。但......

回答 1 投票 0

Bootstrap DateTimePicker仅显示时间

我需要bootstrap datepicker的帮助

回答 5 投票 8

© www.soinside.com 2019 - 2024. All rights reserved.