检查日期选择器是不是打开

关键词：

【中文标题】检查日期选择器是不是打开【英文标题】：Check if datepicker is open检查日期选择器是否打开 【发布时间】：2011-02-16 07:37:57 【问题描述】：

我有一个带有日期选择器的字段。我想知道它是否开放。我试过了：

$("#filter_date").datepicker( "widget" ).is(":visible")

但它总是返回 true。

如何检查它是否打开？

【问题讨论】：

【参考方案1】：

这可能是过去可能存在的错误。现在这个解决方案

$("#filter_date").datepicker( "widget" ).is(":visible")

完美运行

【讨论】：

第一次将日期选择器附加到元素时，它是不可见的，但可见返回 true。该元素还没有 display none 样式，但它仍然是隐藏的，不幸的是，在您的代码中没有检测到。仍然，+1。 :) 啊，第一次加载时，你应该检查它是否为:empty。 对我不起作用。 :empty 和 :visible 总是返回 true - 在第一次打开日期选择器之前和之后。 请注意，如果您有多个绑定了日期选择器的输入，那么当显示其中任何一个时，这将返回 true（实际上它们都是相同的 div 元素），所以这实际上不会告诉您#filter_date 的日期选择器是否处于活动状态【参考方案2】：

简单设置：

#ui-datepicker-div  display: none; 

在您的 CSS 文件和您的代码中：

$("#filter_date").datepicker( "widget" ).is(":visible")

会正常工作！

【讨论】：

【参考方案3】：

在我的脑海中，我可以想到使用为 datepicker 控件定义的 beforeShow 和 onClose 事件在某处切换类（或标志），并检查其是否存在以确定datepicker 控件是否打开。

【讨论】：

【参考方案4】：

   var isCalendarVisible;     
   $(".datepicker).datepicker().on("show", function () 
          isCalendarVisible = true;
    ).on("hide", function () 
          isCalendarVisible = false;
    );

我已经使用这种方法在单击按钮时切换日期选择器。 isCalendarVisible 相应地更新日期选择器的“显示”和“隐藏”。我检查“isCalendarVisible”的值以手动打开或关闭它。

    function toggleCalendar() 
        if (isCalendarVisible) 
            $(".datepicker .add-on").datepicker("hide");
         else 
            $(".datepicker .add-on").datepicker("show");
        
    

【讨论】：

【参考方案5】：

访问日期选择器的样式属性，并与隐藏日期选择器时的样式进行比较（显示：无）：

var datePickerStyle = $('.datepicker').attr('style');
var noneStyle = 'display: none;';
if(datePickerStyle.indexOf(noneStyle) != -1)
     console.log('shown');
 else 
     console.log('not shown');

【讨论】：

当您需要测试元素是否可见并且您在 phantomJS 上运行测试（.is(":visible") 对我不起作用）时，这个实际上很好【参考方案6】：

这样做。

$('.inputCalendar').datepicker(
    dateFormat: "yy-mm-dd",
    monthNames: [ "01","02","03","04","05","06","07","08","09","10","11","12" ],
    monthNamesShort: [ "1","2","3","4","5","6","7","8","9","10","11","12" ],
    dayNames: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ],
    dayNamesShort: ["(Sun)", "(Mon)", "(Tue)", "(Wed)", "(Thur)", "(Fri)", "(Sat)"],
    yearSuffix: ".",
    showMonthAfterYear: true,
    autoSize: true,
    minDate : dateMin(),
    maxDate : dateMax(),
    beforeShow : function() //show
        $('.date').addClass('active');          
    ,
    onClose: function() //hide
        $('.date').removeClass('active');
    
);

【讨论】：

Java：检查日期选择器是不是有值错误

】Java：检查日期选择器是不是有值错误【英文标题】：Java:checkifdatepickerhasvalueerrorJava：检查日期选择器是否有值错误【发布时间】：2017-05-0318:08:13【问题描述】：我有一个DatePickerdate=newDatePicker();date.setValue(LocalDate.now());该字段仍... 查看详情

使 eternicode 日期选择器在点击时打开，而不是焦点

】使eternicode日期选择器在点击时打开，而不是焦点【英文标题】：Makeeternicodedatepickeropenonclick,notfocus【发布时间】：2014-01-0521:13:27【问题描述】：eternicodetwitterbootstrapdatepicker会在其附加到的<input>字段获得焦点时立即弹... 查看详情

保持引导日期选择器始终打开

...我怎样才能做到这一点。这里我留下一些JS和html代码供您检查。如果您需要更多参考资料，我可以提供。<scripttype 查看详情

按 esc 后无法打开日期选择器

】按esc后无法打开日期选择器【英文标题】：Unabletoopendatepickerafterpressingesc【发布时间】：2021-11-1909:22:54【问题描述】：我在只读文本框上有angularjs日期选择器，单击文本框时，会弹出日期选择器，按esc关闭日期选择器，但再次... 查看详情

在日期选择器中选择日期后如何打开时间选择器

】在日期选择器中选择日期后如何打开时间选择器【英文标题】：Howtoopentimepickerafterselectingdateindatepicker【发布时间】：2020-02-2111:53:49【问题描述】：当日期选择器返回selecteddate时，代码应自动显示时间选择器。当时间选择器返... 查看详情

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

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

检查日期是不是在过去 Javascript

】检查日期是不是在过去Javascript【英文标题】：CheckifdateisinthepastJavascript检查日期是否在过去Javascript【发布时间】：2012-01-0811:13:49【问题描述】：所有，我正在为日期选择器使用jQueryUI。尽管用户输入的日期是过去的，但我正在... 查看详情

点击图标打开 HTML5 日期选择器

】点击图标打开HTML5日期选择器【英文标题】：OpenHTML5datepickeroniconclick【发布时间】：2013-08-2200:40:16【问题描述】：我有一个HTML5日期选择器。当我单击日期选择器文本框时，它会打开。待办事项：我必须将事件更改为图标，但... 查看详情

检查两个 Java 日期是不是相同 |安卓[重复]

】检查两个Java日期是不是相同|安卓[重复]【英文标题】：CheckingifTwoJavaDatesareSameDate|Android[duplicate]检查两个Java日期是否相同|安卓[重复]【发布时间】：2021-12-2217:16:12【问题描述】：我想检查两个日期。如果两个日期相同，则recycl... 查看详情

图像/图标打开日期选择器

】图像/图标打开日期选择器【英文标题】：Animage/iconopensthedateselector【发布时间】：2015-07-1103:43:50【问题描述】：我有一个HTML/PHP网站，其中有一个图像图标（看起来像一个日历），我希望用户单击并打开默认的日期选择器。用... 查看详情

检查是不是已选择日期。引导输入类型日期

】检查是不是已选择日期。引导输入类型日期【英文标题】：Checkifadatehasbeenselected.Bootstrapinputtypedate检查是否已选择日期。引导输入类型日期【发布时间】：2016-09-2001:04:42【问题描述】：我有一些代码，其中有一个简单的Bootstrapd... 查看详情

检查 HTML5 日期选择器阴影 DOM

】检查HTML5日期选择器阴影DOM【英文标题】：InspectHTML5datepickershadowDOM【发布时间】：2015-07-0218:31:37【问题描述】：我正在尝试检查某些HTML5控件的影子DOM，例如inputtype="date"的日期选择器和绑定到datalist的输入的实际建议下... 查看详情

日期选择器自动打开

】日期选择器自动打开【英文标题】：DatePickerautomaticallyopens【发布时间】：2012-04-0217:47:52【问题描述】：我有一个javascript代码，我想使用它来完成以下任务。我希望当我单击按钮时出现一个表单，但datepicker的日期选择选项不会... 查看详情

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

】测试元素是不是已经有Bootstrap日期选择器【英文标题】：TestifelementalreadyhasBootstrapdatepicker测试元素是否已经有Bootstrap日期选择器【发布时间】：2015-06-2712:06:44【问题描述】：我正在开发一个具有多个实现的相当大的软件平台。... 查看详情

在剑道内联编辑中仅显示日期选择器而不是日期时间选择器

】在剑道内联编辑中仅显示日期选择器而不是日期时间选择器【英文标题】：Displayonlydatepickerinkendoinlineeditingnotdatetimepicker【发布时间】：2014-07-2718:33:19【问题描述】：我在剑道内联编辑中显示日期选择器时遇到问题。它始终显... 查看详情

检查选择器是不是有一组特定的类

】检查选择器是不是有一组特定的类【英文标题】：Checkifaselectorhaveacertainsetofclasses检查选择器是否有一组特定的类【发布时间】：2011-02-0917:43:36【问题描述】：我正在尝试检查选择器是否有特定的类集。.hasClass()只能检查选择器... 查看详情

打开日期选择器上的今天按钮

】打开日期选择器上的今天按钮【英文标题】：TurnonTodaybuttonondatepicker【发布时间】：2013-06-0504:31:42【问题描述】：我正在使用来自此来源http://jqueryui.com/datepicker/#buttonbar的日期选择器，我正在尝试让按钮栏上的“今天”按钮处... 查看详情

Infragistics 日期选择器 - 选择日期，而不是年份

】Infragistics日期选择器-选择日期，而不是年份【英文标题】：InfragisticsDatePicker--SelectDay,NotYear【发布时间】：2015-06-0711:15:52【问题描述】：我正在开发一个将Infragistics的DatePicker表单组件用于.Net的Web应用程序，我遇到了一个问题... 查看详情