js 只能输入日期

您好！要限制用户在JavaScript中只能输入日期，可以使用HTML5中新的`<input>`元素类型——`date`。

这种类型的输入框会显示一个日历控件，供用户选择日期。如果用户手动输入日期，则会根据指定的格式进行验证。

以下是一个示例代码，创建一个只允许输入日期的输入框：

<input type="date" name="myDate" id="myDate">

在这个示例中，`type`属性被设置为`date`，这告诉浏览器应该显示一个日期选择器。如果用户在输入框中手动输入了一个不合法的日期，浏览器会自动将其标记为错误。

希望这可以帮助您！

相关问题

el-input 正则只能输入正偶数

el-input是Element UI库中的一个输入框组件，用于接收用户的输入。它支持多种类型的输入，包括文本、数字、日期等。

要实现只能输入正偶数的正则表达式，可以使用以下方式：

1. 在el-input组件上添加一个正则表达式的校验规则，通过设置`pattern`属性来指定正则表达式。例如，可以设置`pattern="^[2-9]\d*$"`，表示只能输入以2开头的正偶数。

2. 在el-input组件上添加一个自定义的校验函数，通过设置`validator`属性来指定。在校验函数中，可以使用正则表达式来判断输入是否符合要求。例如，可以定义一个校验函数如下：

function validateInput(value) {
  const pattern = /^[2-9]\d*$/;
  return pattern.test(value);
}

然后在el-input组件上设置`validator`属性为该校验函数。

这样，当用户输入不符合正则表达式规则的内容时，el-input组件会显示校验错误信息。

用jQuery日期控件做一个日期输入

好的，以下是一个简单的用 jQuery UI 实现的日期控件：

首先，需要在 HTML 文件中引入 jQuery 和 jQuery UI 的库文件：

<!-- 引入 jQuery 库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- 引入 jQuery UI 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">

<!-- 引入 jQuery UI 的 JS 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

然后，在需要添加日期控件的输入框中，加上 `datepicker` 类名即可：

<input type="text" class="datepicker">

最后，在 JavaScript 中使用以下代码初始化日期控件：

$(function() {
  $(".datepicker").datepicker();
});

这样，点击输入框就能弹出日期选择器了，选择日期后会自动填充到输入框中。

另外，你可以通过添加一些参数来自定义日期控件的显示方式，比如：

$(function() {
  $(".datepicker").datepicker({
    dateFormat: "yy-mm-dd",  // 设置日期格式
    minDate: new Date(),    // 设置可选日期范围（只能选择今天及以后的日期）
    maxDate: "+1m"          // 只能选择一个月内的日期
  });
});

以上代码中，`dateFormat` 参数设置日期格式为 `年-月-日`，`minDate` 参数设置可选日期范围为今天及以后的日期，`maxDate` 参数设置可选日期范围为一个月内的日期。