bootstrap-timepicker:在输入字段中复制/粘贴日期值

时间:2019-07-16 14:47:44

标签: javascript npm bootstrap-timepicker

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,
});

1 个答案:

答案 0 :(得分:0)

使用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">