Bootstrap Datepicker 获取日期更改事件

在本节中，我们将学习使用 Bootstrap datepicker 在事件中获取日期及其格式。有时，我们的项目需要日期选择选项。如果我们想要启用用于输入日期的输入字段，datepicker 将非常有用。使用它，我们可以轻松选择日期，并且它对用户友好。 我们可以从 Datepicker 对话框中选择日期，而不是手动在输入字段中输入日期。使用此方法，可以避免用户错误，因为它允许我们查看每个日期的相应星期几。它提供了一个交互式下拉列表，用于从日历中轻松选择日期。它还将为我们的表单提供额外的交互式闪光点。

datepicker 可以在某些情况下触发事件。一个额外的 data 附加到所有事件，以隐藏事件。 我们的脚本的 Bootstrap 已经具有格式。使用这种格式，可以做出更好的响应式设计。 对于我们来说，使用 datepicker 与我们的日期格式（例如 dd-mm-yyyy、yyyy/mm/dd、dd/mm/yyyy、yyyy-mm-dd 等）非常容易。我们需要添加一个参数 format 和我们所需的格式来设置日期格式。当我们点击名为“使用日期获取数据”的按钮时，在这种情况下，datepicker 设置日期的值，并且我们使用 jQuery 获取新的日期值。它将阻止我们的表单提交，并且我们将使用该日期值来运行 ajax 请求。除了获取新日期值的 ajax 之外，所有其他 ajax 将完美运行。

当用户使用输入元素并将日期直接键入其中时，我们能够使用输入元素的 onChange 事件获取该值。但是当使用 datepicker 更改日期时，或者我们可以说用户单击日历的日期时，在这种情况下，不会调用 onChange 处理程序。有时，我们需要一个 datepicker 在选定的日期获取日期。一旦我们在我们的日历应用程序上工作，我们希望同样的事情。我们在 bootstrap datepicker 中学习了，我们可以使用事件“changeDate”来获取选定的日期，但在本应用中，我们也希望以我们的格式获取选定的日期。在做了一些研究之后，我们找到了一个解决方案，如下面的示例所示。

示例

当我们在项目中使用了这个例子，我们将在更改事件中得到日期。