添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

jquery datepicker get value on change

jQuery Datepicker 是一个常用的日期选择器插件,用于在网页中创建日期选择器。

如果您需要在日期选择器的值发生变化时获取它的值,可以使用 Datepicker 的 change 事件。当用户在日期选择器中选择了新的日期或手动输入了一个新的值时,就会触发该事件。您可以在事件处理程序中获取选择器的当前值,并将其保存到一个变量中或将其传递给其他函数进行处理。

下面是一个简单的示例代码,演示如何使用 jQuery Datepicker 的 change 事件来获取选择器的当前值:

<!DOCTYPE html>
  <title>jQuery Datepicker Example</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
  <p>Date: <input type="text" id="datepicker"></p>
  <script>
    $(function() {
      $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        yearRange: "1900:+0",
        onSelect: function(dateText, inst) {
          var selectedDate = $(this).val();
          console.log("Selected Date: " + selectedDate);
  </script>
</body>
</html>

在上面的代码中,我们创建了一个输入框,并使用 jQuery Datepicker 将其转换为日期选择器。在选择器的初始化选项中,我们定义了日期格式、是否允许选择月份和年份、可选年份的范围等参数。此外,我们还定义了一个 onSelect 事件处理程序,它会在用户选择新日期时被调用。在事件处理程序中,我们使用 $(this).val() 获取选择器的当前值,并将其打印到控制台中。

这样,每当用户在日期选择器中选择一个新的日期或手动输入一个新的值时,就会在控制台中输出相应的值。您可以根据需要修改事件处理程序,将当前日期值保存到变量中或进行其他操作。

  •