问jquery日期时间选取器控件弹出窗口
EN

Stack Overflow用户

提问于 2020-02-05 20:11:34

回答 1查看 248关注 0票数 0

我使用的是http://xdsoft.net/jqplugins/datetimepicker/的jQuery DateTimePicker插件。我不想打开日历弹出窗口时，焦点在文本框，而不是我想给一些图像按钮在文本框的结尾，当用户点击图像按钮，然后只有日历弹出窗口应该打开日期时间选择。当焦点放在文本框上时，用户应该能够手动输入。如果弹出窗口出现，有时弹出窗口会出现在文本框上方，因此我们在文本框中看不到任何可以手动输入的内容。示例代码如下：

     $('#StartDate').datetimepicker({
            value: defaultStartDateTime,
            step: 15,
            closeOnDateSelect: true,
            format: 'm/d/Y H:i',
            mask: true }); 
     $('#StartDate').focus(function () {             
            $('#clientLogsStartDate').datetimepicker('hide');                           
     });

jquery

datetimepicker

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-05 21:36:50

尝试关闭datetimepicker事件

open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart

$('#StartDate').datetimepicker({
  value: new Date(),
  step: 15,
  closeOnDateSelect: true,
  format: 'm/d/Y H:i',
  mask: true
}).off('open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart')

$('button').on('click', function() {
  $('#StartDate').datetimepicker('show')
});

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" integrity="sha256-DOS9W6NR+NFe1fUhEE0PGKY/fubbUCnOfTje2JMDw3Y=" crossorigin="anonymous" />

<input id="StartDate" type="text">
<button>Show</button>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60075555

复制

相似问题

问jquery日期时间选取器控件弹出窗口
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery日期时间选取器控件弹出窗口EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery日期时间选取器控件弹出窗口
EN