微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

限制日期时间选择器的日期和/或时间

如何解决限制日期时间选择器的日期和/或时间

我正在制作一个网站,要求我在将日期保存到数据库之前能够限制可以选择的日期和/或时间。我一直在使用 <input type='datetime-local'>,但我不知道如何防止选择某些日期或时间。有没有办法阻止用户使用 html/handlebars 或 express/express-handlebars 中的工具选择特定日期和/或时间,并使用 mongoose?

解决方法

您可以使用 js-datepicker https://www.npmjs.com/package/js-datepicker

日期

要禁用日期使用

const picker = datepicker('.some-input',{
  disabledDates: [
    new Date(2099,5),new Date(2099,6),7),]
})

https://www.npmjs.com/package/js-datepicker#disableddates

要禁用更复杂的日期,请使用 disabler

const picker1 = datepicker('.some-input1',{
  // Disable every Tuesday on the calendar (for any given month).
  disabler: date => date.getDay() === 2
})

https://www.npmjs.com/package/js-datepicker#disabler

时间

这似乎不包括时间选择,

您可以使用单独的库,例如 https://www.npmjs.com/package/timepicker 并使用 disableTimeRanges 或搜索可能在同一脚本中同时包含日期和时间选择的其他库

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。