防止选择日期范围内包含无效日期的日期范围

2024-03-06

我正在使用日期范围选择器来选择日期范围。一旦范围之间存在无效日期,就不应该将它们转移到另一个日期。

类似的东西这个问题 https://stackoverflow.com/a/46059134/8093805,但是它使用 Bootstrap daterangepicker 而我正在使用日期范围选择器 http://www.daterangepicker.com/

var dateRanges = [{
    'start': moment('2019-06-28'),
    'end': moment('2019-07-5')
  },
];

$('input[name="daterange"]').daterangepicker({
  autoUpdateInput: false,
  autoApply: true,
  opens: 'left',
  setStartDate: new Date(),
  minDate: moment().startOf('day').add(2, 'day'),
  locale: {
    "format": "DD/MM/YYYY",
  },
  isInvalidDate: function(date) {
    return dateRanges.reduce(function(bool, range) {
      return bool || (date >= range.start && date <= range.end);
    }, false);
  },
});

$('input[name="daterange"]').on('apply.daterangepicker', function(ev, picker) {
  $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format(
    'DD/MM/YYYY'));
})
input {
  width: 400px;
  height: 50px;
}
<link href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<input type="text" name="daterange" readonly="true" readonly value="">

None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

防止选择日期范围内包含无效日期的日期范围 的相关文章

  • 如何防止 Iframe 在与浏览器交互后弄乱浏览器的历史记录?

    因此 就我而言 我使用 Iframe 将 Grafana 附加到我的页面 这为我提供了漂亮且易于使用的图表 可以注意到 每次在图表上进行放大或缩小 使用鼠标单击 交互后 Grafana 的 Iframe 都会在我的 Angular 页面上触
  • 使用 Angular 下载具有动态 src 的脚本

    Angular 提供了通过动态名称动态加载模板的方法ng include 该部分中的内联 JS 和 CSS 可以正常加载 但没有一个好的方法来下载带有动态 url 的脚本 我们需要下载脚本 相对于调用它们的 html 部分的路径 即我们有一
  • 在 Wordpress 站点中进行 AJAX 调用时出现问题

    我在使用 Wordpress 站点功能的 AJAX 部分时遇到了一些问题 该功能接受在表单上输入的邮政编码 使用 PHP 函数来查找邮政编码是否引用特定位置并返回到该位置的永久链接 我的第一个问题是关于我构建的表单 现在我的表单操作是空白的
  • Javascript正则表达式用于字母字符和空格? [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我需要一个
  • 除了更改标题之外,如何在 Firefox 中强制另存为对话框?

    有没有办法在 ff 中强制打开 www example com example pdf 的另存为对话框 我无法更改标题 如果您可以将文件以 Base64 格式输出到客户端 则可以使用 data uri 进行下载 location href
  • 为什么是 javascript:history.go(-1);无法在移动设备上工作?

    首先 一些背景 我有一个向用户呈现搜索页面 html 表单 的应用程序 填写标准并单击 搜索 按钮后 结果将显示在标准部分下方 在结果列表中 您可以通过单击将您带到新页面的链接来查看单个结果的详细信息 在详细信息页面中 我添加了一个 返回结
  • Jquery/Javascript 上传和下载文件,无需后端

    是否可以在没有后端服务器的情况下在 JavaScript 函数中下载和上传文件 我需要导出和导入由 JavaScript 函数生成的 XML 我想创建按钮 保存 xml 来保存文件 但我不知道是否可行 另一方面 我希望将 XML 文件直接上
  • jQuery Mobile 表单验证

    我有一个移动网站 除了验证之外一切都工作正常 基本上我希望从用户那里获取值 然后在单独的页面 process php 上处理它们 但是 在这样做之前 我需要检查以确保字段已填充 我已经研究了几种方法来做到这一点 但似乎没有一种有效 我现在有
  • MVC 在布局代码之前执行视图代码并破坏我的脚本顺序

    我正在尝试将所有 javascript 包含内容移至页面底部 我正在将 MVC 与 Razor 一起使用 我编写了一个辅助方法来注册脚本 它按注册顺序保留脚本 并排除重复的内容 Html RegisterScript scripts som
  • 通过 CDN 使用 Dojo 时如何加载自定义 AMD 模块?

    我正在使用 google 的 CDN 并尝试使用他们的加载程序加载我自己的 AMD 模块 我知道我做错了什么 但我被困住了 有任何想法吗
  • Angular 2+ 安全性;保护服务器上的延迟加载模块

    我有一个 Angular 2 应用程序 用户可以在其中输入个人数据 该数据在应用程序的另一部分进行分析 该部分仅适用于具有特定权限的人员 问题是我们不想让未经授权的人知道how我们正在分析这些数据 因此 如果他们能够在应用程序中查看模板 那
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • 如何判断 jquery 对话框是否打开? [复制]

    这个问题在这里已经有答案了 寻找通用案例解决方案来确定当前是否打开任何 jquery 对话框 有多个 试过 ui dialog content dialog isOpen true ui dialog dialog isOpen true
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • Javascript 纪元时间(以天为单位)

    我需要以天为单位的纪元时间 迄今为止 我已经看到过有关如何翻译它的帖子 但几天后就没有了 我对纪元时间很不好 我怎么能得到这个 我需要以天为单位的纪元时间 我将解释为您想要自纪元以来的天数 纪元本身是第 0 天 或第 1 天的开始 无论您如
  • 如何在jquery中以相反的顺序迭代元素? [复制]

    这个问题在这里已经有答案了 我是jquery的新手 我想知道如何使用each 在jquery中以相反的顺序迭代表单元素 任何帮助 将不胜感激 尝试这个 input get reverse each function
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c
  • 如何获取浏览器视口中当前显示的内容

    如何获取当前正在显示长文档的哪一部分的指示 例如 如果我的 html 包含 1 000 行 1 2 3 9991000 并且用户位于显示第 500 行的中间附近 那么我想得到 500 n501 n502 或类似的内容 显然 大多数场景都会比
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d
  • 如何从图像输入中获取 xy 坐标?

    我有一个输入设置为图像类型

随机推荐

  • 如何为 Win32 应用程序启用工具栏的现代外观和感觉?

    最近开始学习基于Win32 API的GUI编程 当我添加工具栏控件时 来自comctl32 lib 对于我的简单应用程序 我发现它看起来很平坦 而菜单栏具有更 Windows 7 友好 的 3D 外观和感觉 顶部白色发光 从上到下垂直灰色渐
  • 绑定安装卷上的 Docker 每个容器磁盘配额

    我正在尝试为我的客户创建一个简单的托管平台 我通过 docker 在 nginx proxy 后面的 VPS 上部署所有应用程序 对于 WordPress 应用程序 我希望能够限制磁盘空间 以便我的客户不会使用太多并影响其他应用程序 我将所
  • ElasticSearch 和 Nest:为什么我在查询中缺少 id 字段?

    我创建了一个代表会议的简单对象 其中包含时间 位置 名称 主题等元素 并通过 Nest 在 ElasticSearch 中对其进行索引 它有一个 Id 字段 我将其留空 以便 ES 可以生成它们 后来我检索了所有缺少地理坐标的文档 以便我可
  • C++/CLI 中的 void* 到 Object^

    我正在致力于将大量 h 和 lib 文件从本机 C 包装到托管 C 以便最终用作 C 中引用的 dll 一些本机 C 函数的返回类型为 void 当我将值传回调用代码时 我不确定如何处理这个问题 例如 如果 C 应用程序调用我的 dll 包
  • Spring批处理文件归档

    我目前正在学习 Spring Batch 并且面临着文件归档任务的挑战 基本上我需要读取单独的 CSV 文件并将它们放入一个新的存档文件夹中 并在原始文件名后附加当前日期 我想知道的是如何从 multiResourceItemReader
  • TypeError:无法混合 BigInt 和其他类型,使用显式转换

    我正在尝试生成一个 20 位随机数 let code Math floor 10000000000000000000n Math random 90000000000000000000n 我尝试过将数字输入BigInt 以及添加一个n之后但
  • 办公室 可信地点

    我很好奇如何最好地处理这种情况 我有一本旧的 VBA 工作簿 可以正常工作 不幸的是 使用 Office 2007 2010 中的新安全措施 您会收到 安全警告某些活动内容已被禁用 消息 我知道我可以单击该消息并选择启用内容或将其添加到受信
  • 从 shape 转换为 topojson 时出现问题

    我正在尝试将墨西哥城市的 shapefile 转换为 topojson 并使用本教程使用 d3 js 显示它http bost ocks org mike map converting data http bost ocks org mik
  • 使用 Android.Xamarin 查找纬度和经度

    我正在尝试在 Android Xamarin 中开发商店定位器应用程序 我的第一步是找到我所在位置的纬度和经度 但我的模拟器 设备屏幕没有显示任何内容 我有我的uses permissions set to
  • JQuery UI 日期选择器的下一个和上一个按钮只有一个祖先。 $(e.target).parents() 只返回一个元素

    我还没有足够的代表来发布我自己的答案 但在我浪费更多人的时间之前 好吧 我现在明白为什么我没有得到所有预期的祖先 JQuery datepicker删除父节点 datepicker head 单击 在那之后我的事件是在按钮上触发的 已经被删
  • python 查找列表中最后一次出现的项目

    我希望找到序列 s 中项目 x 的最后一次出现 或者如果没有并且第一个项目的位置等于 0 则返回 None 这就是我目前所拥有的 def PositionLast x s count len s 1 for i in s count 1 i
  • Express 版本缺少“调试”->“异常”菜单

    我用 VS 2013快报 调试时 我需要在出现异常时自动停止 尝试遵循这个 http msdn microsoft com en us library d14azbfh aspx AddExceptionsCommand http msdn
  • 如何合并两个连续的行并形成一个新列?

    我有一个 DF 从会计软件收集 如下所示 Serial Date Particulars Price 1 0308 Andrew 100 2 NaN Gloves NaN 3 0408 Johnson 50 4 NaN Wicket NaN
  • 如何在 Windows 10 UWP 中根据 HTML 内容调整 Webview 高度?

    我目前正在开发 Windows 10 UWP 应用程序 并面临 WebView 的问题 即当我的 HTML 内容较少时 我的 JavaScript 高度会增加 我的代码如下 WebView webView new WebView IsHit
  • Django 模型中的密码字段

    我正在尝试创建一个可以存储其他应用程序的用户名和密码的模型 如何在 Django 中设置密码字段 使其在管理中不是纯文本 提前致谢 作为 mlissner建议 https stackoverflow com questions 371510
  • 如何使用 angular2 应用程序和 net core 应用程序实现 X-XSRF-TOKEN?

    我在 Startup cs 中设置了我的网络核心应用程序和防伪 middlweare services AddAntiforgery options gt options HeaderName X XSRF TOKEN 在Configure
  • onClick 不适用于 IE 11 中的单击

    当用户单击视频上的任意位置时 我尝试播放 暂停视频 问题是 它在 IE 11 中双击运行 而对于所有其他浏览器 它在单击左键时运行良好 以下是我的代码 var obj
  • 将键值数据库与 Spark 集成

    我无法理解 Spark 如何与存储交互 我想创建一个从 RocksDB 数据库 或任何其他键值存储 获取数据的 Spark 集群 然而 此时此刻 我能做的最好的事情就是将整个数据集从数据库获取到每个集群节点的内存中 例如映射到映射中 并从该
  • 优化填充“?”的正则表达式

    速记键盘上有以下按键STKPWHRAO EUFRPBLGTSDZ 用户按下多个键 然后抬起时一次性注册所有键 这类似于在钢琴上弹奏和弦 示例笔画是KAT TPHOEUGT 我有一个正则表达式来测试有效的速记和弦 可以是任意数量的这些键 但它
  • 防止选择日期范围内包含无效日期的日期范围

    我正在使用日期范围选择器来选择日期范围 一旦范围之间存在无效日期 就不应该将它们转移到另一个日期 类似的东西这个问题 https stackoverflow com a 46059134 8093805 但是它使用 Bootstrap da