如何在页面加载时显示Intimidatetime并始终在页面上显示?

时间:2018-04-17 19:01:17

标签: jquery

我需要实现一个DateTime选择器,包括小时,分钟和秒选项以及日期,月份和年份。

我正在使用此Intimidatetime,这与传统的文本框方式相同,onfocus显示日期时间选择器。

但我希望DateTimePicker始终显示(始终显示:block)。是否可以在不使用文本框的情况下始终显示datetimepicker?

类似于此Inline DatePicker

的内容

这是我创建的一个简单页面:

<html>
 <head>
   <link rel="stylesheet" media="all" type="text/css" href="http://trentrichardson.com/examples/Intimidatetime/Intimidatetime.css" />
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
   <script src="http://trentrichardson.com/examples/Intimidatetime/Intimidatetime.js"> 
   </script>
 </head>

 <body>
  <div class="example-container" id="test" style="border: 1px solid green;">
  <input type="text" id="textboxtest" value="" class="inputFull" data-intimidatetime="3" class="selector">
  </div>

  <script>
    $('#textboxtest').intimidatetime({
     previewFormat: 'yyyy-MM-dd HH:mm:ss'
    });
 </script>
</body>
</html>

我尝试编辑此文件Intimidatetime.js并更改了&#34; display:none&#34;到&#34;显示:块&#34;它的工作原理

  inst.$p.css('display','none');

但是当我尝试从我的项目JS文件编辑样式时,它无法正常工作。

  $("#test").find(".intimidatetime").css("display","block");

1 个答案:

答案 0 :(得分:0)

您确定下面这行找到了您想要更新样式的正确元素吗?

 $("#test").find(".intimidatetime")