html日期选择限制,禁用html5 datepicker中的某些日期

要在HTML5 `datepicker`中限制或禁用某些日期，可以使用`min`和`max`属性。

例如，如果您想禁用今天之前的所有日期，可以使用以下代码：

<input type="date" name="myDate" min="<?php echo date('Y-m-d'); ?>">

这将使今天之前的所有日期不可选。

如果您想禁用特定日期，例如2021年6月1日，可以使用以下代码：

<input type="date" name="myDate" max="2021-05-31" min="<?php echo date('Y-m-d'); ?>">

这将禁用2021年6月1日及其之后的所有日期，并且只能选择今天或今天之后的日期。

请注意，这些属性只是在浏览器端进行验证的，因此仍然需要在服务器端进行验证，以确保用户提交的日期是有效的。

相关问题

ts中datepicker组件disableddate禁用指定日期

在 TypeScript 中使用 DatePicker 组件时，可以通过设置 `disabledDate` 属性来禁用指定日期。`disabledDate` 是一个函数，它接收一个 `Date` 类型的参数，表示当前要判断的日期，函数需要返回一个布尔值，表示该日期是否禁用。以下是一个示例：

import { Component } from '@angular/core';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';

@Component({
  selector: 'app-date-picker',
  template: `
    <nz-date-picker [nzDisabledDate]="disabledDate"></nz-date-picker>
  `
})
export class MyComponent {
  disabledDate = (current: Date): boolean => {
    // 禁用 2021 年 8 月 1 日之前的所有日期
    return current < new Date('2021-08-01');
  };
}

在上面的例子中，`disabledDate` 函数返回 `true` 表示禁用指定日期，返回 `false` 表示不禁用。可以根据自己的需求在 `disabledDate` 函数中编写逻辑来禁用指定日期。

elementui 中 datepicker组件，如何禁用部分日期

在 ElementUI 的 DatePicker 组件中，你可以通过设置 `disabledDate` 属性来禁用部分日期。`disabledDate` 是一个函数，它接受一个日期参数，并返回一个布尔值，表示该日期是否应该被禁用。

例如，以下代码禁用了所有周末的日期：

<template>
  <el-date-picker
    v-model="date"
    :disabled-date="disabledDate"
    type="date"
    placeholder="选择日期">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  },
  methods: {
    disabledDate(date) {
      const day = date.getDay()
      return day === 0 || day === 6 // 禁用周六和周日
    }
  }
}
</script>

你可以根据自己的需求修改 `disabledDate` 函数，以禁用特定的日期。