datepicker从调试控制台中选择日期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datepicker从调试控制台中选择日期相关的知识,希望对你有一定的参考价值。

当我通过点击选择日期时,我正在尝试检测datepicker使用哪种事件。

下面的代码适用于chrome但不适用于Firefox我无法理解为什么。

此外,我发现第二种类型的datepicker,当我手动选择click事件的日期时,它没有反应。然而,结构与datepicker相同,它通过点击给出了选择的值。

我的问题是,是否必须通过jQuery点击事件触发鼠标点击触发的内容?如果是的话,为什么在我的情况下(我的意思是第二个datepicker)不会被点击事件触发?为什么click事件与鼠标点击不一样?

$('document').ready(function() {
   
   $( "#calTST" ).datepicker();
  
   $('#calTST').focus();
    
   $( "a:contains('13')" ).click();

 
  } );
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel='stylesheet' type='text/css' >



<input type='text' id='calTST' name='calTST' >

注意:该片段是我对datepicker的测试,因为我说它适用于chrome并且不适用于firefox

答案

你可以像这样为select事件实现一个事件处理程序

$("#calTST").datepicker({
onSelect: function(dateText, inst) {
 // code to run on selection
}});

以上是关于datepicker从调试控制台中选择日期的主要内容,如果未能解决你的问题,请参考以下文章

即使从日历中选择日期,如何保持 mat-datepicker 日历打开?

如果在 datepicker vuetify 中选择日期,我该如何调用方法?

从 UITextField 单击事件 MonoTouch 在 UIDatePicker 中选择日期

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

Selenium:从日历中选择日期

如何从 jQuery UI datepicker 获取日期