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

编程问答 2022-04-30

问题描述

我正在制作一个网站，要求我在将日期保存到数据库之前能够限制可以选择的日期和/或时间。我一直在使用 <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 或搜索可能在同一脚本中同时包含日期和时间选择的其他库

datetimepickerdatetimepickerexpress-handlebarshtmlmongoose