bootstrap-timepicker : copy/paste 输入字段中的日期值

Question

将 multiselect 选项设置为 true，我希望能够将粘贴值从一个输入字段复制到另一个输入字段。实际上粘贴事件触发了一种验证并始终在选择小部件上显示当前日期。

我尝试将 forceParse 选项设置为 false 但它没有任何改变。我也查看了文档，但找不到解决此问题的选项，我错过了什么吗？我应该分叉这个包并自己修改粘贴事件吗？我在 Github 上看到过很多这个包的分支，也许有人有同样的问题？

https://github.com/uxsolutions/bootstrap-datepicker

干杯，感谢您的帮助。

$('.date').datepicker({
   multidate: true,
   format: 'yyyy-mm-dd',
   orientation: 'bottom',
   language: 'fr',
   forceParse: false,
});

Answer 1

使用 paste 事件

的解决方法

问题 https://github.com/uxsolutions/bootstrap-datepicker/issues/1950

$('input').datepicker({
  multidate: true,
  format: 'yyyy-mm-dd',
  orientation: 'bottom',
  language: 'fr',
  forceParse: false,
});

$('input').on('paste', function(e) {
  this.value = new String(e.originalEvent.clipboardData.getData('text') || '')
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css" integrity="sha256-jO7D3fIsAq+jB8Xt3NI5vBf3k4tvtHwzp8ISLQG4UWU=" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha256-bqVeqGdJ7h/lYPq6xrPv/YGzMEb6dNxlfiTUHSgRCp8=" crossorigin="anonymous"></script>

<input type="text">

bootstrap-timepicker : copy/paste 输入字段中的日期值

bootstrap-timepicker : copy/paste dates values in input field

javascript

npm

bootstrap-timepicker