时间戳

首页 > 解决方案 > bootstrap-timepicker ：在输入字段中复制/粘贴日期值

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

标签： javascriptnpmbootstrap-timepicker

解决方案

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

推荐阅读