正文 

当前位置： 首页 > 问答 >

测试元素是不是已经有 Bootstrap 日期选择器

     2023-05-07     274

关键词：

【中文标题】测试元素是不是已经有 Bootstrap 日期选择器【英文标题】：Test if element already has Bootstrap datepicker测试元素是否已经有 Bootstrap 日期选择器 【发布时间】：2015-06-27 12:06:44 【问题描述】：

我正在开发一个具有多个实现的相当大的软件平台。以前有一个使用 jQueryUI 日期选择器的实现，我现在正在对使用 Bootstrap 日期选择器的界面进行改造。

有没有办法让我测试 Bootstrap 日期选择器是否已经附加到某个元素，比如说这个

<input type="text" id="user-date" class="datepicker"/>

请注意，我不是在询问 Bootstrap 日期选择器是否像 this qestion 中那样加载。我宁愿要求一个测试，类似于this one for jQueryUI datepicker。

【问题讨论】：

【参考方案1】：

当您在元素上使用 bootstrap-datepicker 时，它会在 .data("datepicker") 中添加一个对象，因此您可以检查它是否存在并检查 datepicker 是否可见，您可以使用 .data("datepicker" ).picker 对象像这样

HTML

<input type="text" id="user-date" class="datepicker"/>

JS

if(!$('#user-date').data('datepicker'))// or $('#user-date').data('datepicker')==null
    console.log('datepicker is not attached');
   
$('#user-date').datepicker();
$('#user-date').focus();//set focus to display datepicker
if($('#user-date').data('datepicker'))
    console.log('datepicker is already attached');
    if($('#user-date').data('datepicker').picker.is(":visible"))
        console.log("datepicker is visible");

https://jsfiddle.net/weso8a96/

【讨论】：

.data('datepicker') 总是满的，无论输入是否使用 datepicker 初始化，所以测试总是正确的

我的 Bootstrap-4 日期时间选择器无法在 Internet Explorer 上运行？是不是有任何适用于 Bootstrap 4.0 的日期时间选择器？

...我的Bootstrap-4日期时间选择器无法在InternetExplorer上运行？是不是有任何适用于Bootstrap4.0的日期时间选择器？【英文标题】：Mydate-timepickerofBootstrap-4isnotworkingonInternetExplorer?IsthereanyDate-TimepickerwhichwillworkonBootstrap4.0?我的Bootstrap-4日期... 查看详情

选择单选按钮时，如何测试是不是已经选择了另一个？

】选择单选按钮时，如何测试是不是已经选择了另一个？【英文标题】：Whenselectingradiobutton,howcanItestifanotherisalreadyselected?选择单选按钮时，如何测试是否已经选择了另一个？【发布时间】：2019-05-2501:58:08【问题描述】：我有一个... 查看详情

javaFx 是不是有可用的日期和时间选择器？

】javaFx是不是有可用的日期和时间选择器？【英文标题】：IsthereanyDateandTimepickeravailableforjavaFx?javaFx是否有可用的日期和时间选择器？【发布时间】：2015-04-1402:40:03【问题描述】：我是Java新手，我已经开始使用javaFx在Java中开发应... 查看详情

Bootstrap 3 datepicker：更改日期显示格式；防止在今天日期之前选择日期

】Bootstrap3datepicker：更改日期显示格式；防止在今天日期之前选择日期【英文标题】：Bootstrap3datepicker:Changedatedisplayformat;PreventdateselectionspriortoTodaysdate【发布时间】：2021-02-1009:10:28【问题描述】：我第一次在酒店网站上使用Bootstra... 查看详情

bootstrap有日期组件吗

...utoclose:1,todayHighlight:1,startView:2,forceParse:0,showMeridian:1);有的bootstrap日期选择器的属性非常多，这也给了用户较大的选择性，快去设置你自己的DIY日期选择器吧！本回答被提问者和网友采纳 参考技术B有外国佬写了个，你可以用。演... 查看详情

Bootstrap 4 Datepicker块日期范围

】Bootstrap4Datepicker块日期范围【英文标题】：Bootstrap4Datepickerblockdaterange【发布时间】：2020-09-2321:30:07【问题描述】：在有人试图将其标记为重复之前，我已经在Google上搜索过此类要求，但没有找到可行的答案。要求是使用Bootstrap... 查看详情

检测bootstrap-vue日期选择器中v-for中每个元素的目标(代码片段)

我正在尝试获取由target渲染的每个datepicker的v-for。我需要在每个datepicker上禁用不同的日期，请牢记v-for循环正在elements变量上迭代，该变量在每次执行中可以不同。我正在使用propdate-disabled-fn停用日期，但我需要在每次迭代中此... 查看详情

Rails4 + Bootstrap，日期选择器未显示

】Rails4+Bootstrap，日期选择器未显示【英文标题】：Rails4+Bootstrap,datepickernotshowing【发布时间】：2015-08-0517:38:20【问题描述】：我已经使用这个在我的表单上设置了一个日期选择器：<divclass="input-groupdate"id="dp1"><%=f.text_field:bir... 查看详情

Bootstrap Datepicker 更改触发 3 次

】BootstrapDatepicker更改触发3次【英文标题】：BootstrapDatepickeronchangefiring3times【发布时间】：2014-05-0202:00:17【问题描述】：您好，我一直在尝试获取引导日期选择器的日期并且已经能够，但它似乎触发了3次。注意：这不是jquery日期... 查看详情

iOS UI 测试日期选择器

】iOSUI测试日期选择器【英文标题】：iOSUITestDatepicker【发布时间】：2017-10-1414:57:18【问题描述】：我正在为iOS应用程序进行UI测试。我在找出如何对日期选择器使用自动化测试时遇到了麻烦。现在我一直在尝试查找日期选择器本... 查看详情

BootStrap DatePicker 日历输入更改不更新日历

】BootStrapDatePicker日历输入更改不更新日历【英文标题】：BootStrapDatePickerCalendarInputChangeNotUpdatingCalendar【发布时间】：2020-09-1615:58:43【问题描述】：我有一个带有使用bootstrap-datepicker创建的附加日期选择器的输入元素。当用户通过... 查看详情

iPhone日期选择器而不是键盘？

...不是默认弹出的默认键盘？请注意，我的表单上还有其他元素。【问题讨论】：为什么不使用UIDatePicker而不是UITextField？你有这个代码吗？ 查看详情

动态重新初始化或销毁 Bootstrap 日期选择器

】动态重新初始化或销毁Bootstrap日期选择器【英文标题】：Re-initializeordestroyBootstrapdatepickerdynamically【发布时间】：2014-06-2805:47:54【问题描述】：有没有办法销毁Bootstrap日期选择器，动态更新它的选项，如格式、beforeShowDay等？我... 查看详情

如何检查日期范围选择器中的日期是不是更改？

】如何检查日期范围选择器中的日期是不是更改？【英文标题】：Howtocheckdateischangeindaterangepicker?如何检查日期范围选择器中的日期是否更改？【发布时间】：2021-04-0808:05:47【问题描述】：我正在使用Bootstrap日期范围选择器，我... 查看详情

一张桌子上有许多日期选择器

...【发布时间】：2020-06-3017:21:04【问题描述】：我正在使用Bootstrap4datetimepicker库https://tempusdominus.github.io/bootstrap-4/Usage/我的页面上有一张表格，每一行都有一个日期选择器。现在，这些日期选择器正在正确呈现，但只有第一个日期... 查看详情

jquery 日期选择器是不是允许您有一个日期和时间选择器

】jquery日期选择器是不是允许您有一个日期和时间选择器【英文标题】：doesjquerydatepickerallowyoutohaveapickerfordateandtimejquery日期选择器是否允许您有一个日期和时间选择器【发布时间】：2010-11-2112:48:24【问题描述】：我见过一些手... 查看详情

测试自定义角度指令是不是显示/隐藏元素

】测试自定义角度指令是不是显示/隐藏元素【英文标题】：Testifcustomangulardirectiveshows/hideselement测试自定义角度指令是否显示/隐藏元素【发布时间】：2015-07-0203:18:48【问题描述】：我有一个自定义指令，它根据另一个服务的值显... 查看详情

Bootstrap 中的开始日期和结束日期

】Bootstrap中的开始日期和结束日期【英文标题】：StartDateandEndDateinBootstrap【发布时间】：2015-04-0712:17:33【问题描述】：我正在使用BootstrapDatePicker。我想验证FromDate和ToDate。开始日期正确选择今天的日期。我有一个问题“到日期没... 查看详情