[英]How can I restrict dates to some number of days from some date?
我想问一下如何限制所选日期的 mindate/maxdate。
例如，我有两个日期选择器，picker_A 和 picker_B。
我在picker_A中选择了2020/01/29。 然后，我需要限制picker_B中的日期范围，以允许在picker_B中选择“2020/01/29”之前/之后的10天。
非常感谢。
此代码使用 jquery datepicker 方法将 datepicker 分配给您的控件。
我使用 minDate 和 maxDate 属性来设置日期范围。
计算所选日期前 10 天：
var minDate = new Date(maxDate - (10 * 86400000));
1 小时 = 3600 秒 24 小时 = 86400 秒。
但我们需要几毫秒。 所以：86400 * 1000 = 86400000 毫秒。 10 * 86400000 = 10 天
$(function () { $("#From").datepicker({ format: 'yyyy-mm-dd', constrainInput: true, onSelect: function (date) { var maxDate = new Date(date); var minDate = new Date(maxDate - (10 * 86400000)); $('#To').datepicker('destroy').datepicker({ format: 'yyyy-mm-dd', minDate: minDate, maxDate: maxDate, onSelect: function (date) { console.log(date); } }).datepicker('setDate', maxDate); } }).datepicker('setDate', new Date()); var maxDate = new Date(); var minDate = new Date(maxDate - (10 * 86400000)); $('#To').datepicker({ format: 'yyyy-mm-dd', minDate: minDate, maxDate: maxDate, onSelect: function (date) { console.log(date); } }).datepicker('setDate', maxDate); }); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" type="text/css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.css" rel="stylesheet" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> </head> <body> <p> <input id="From" type="text" /> <input id="To" type="text" /> </p> </body> </html>
如何限制用户在日期选择器的2个月/ 60天后选择日期
[英]How to restrict user from selecting dates after 2months/60days from the date picker
如何以某个数字减去或添加日期并以纪元毫秒为单位获取值？
[英]How can I subtract or add dates by some number and get value in epoch milliseconds?
如何获取某个日期范围内存在的一周中的天数列表（Javascript）
[英]How get list of days in a week that exist in some date range (Javascript)
如何在 Vue Datepicker 中禁用当前日期前 14 天的所有日期？
[英]How can I disable all dates up to 14 days ahead of the current date in Vue Datepicker?
如何显示从Zebra Datepicker中选择的两个日期中选择的天数？
[英]How do I display the number of days selected from two dates selected from Zebra Datepicker?
生成随机日期，但从 javascript 中的数组中排除某些日期
[英]Generate random date but exclude some dates from array in javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.