javascript - 捕获 jQuery UI 日期选择器中的值并将其提醒给用户

标签 javascript jquery jquery-ui datepicker

我需要你的帮助。

如何将某些功能添加到下面的现有代码中,以使以下选项成为可能:

  1. 如果 date1 字段为空并且用户选择了日期,则会弹出一条警告消息并显示“用户已选择 [日期]”

  2. 如果 date1 字段不为空并且用户选择了新日期,则会弹出一条警告消息并显示“用户已将 [old_date_value] 更改为 [new_date_value]

我对 jQuery 完全陌生,所以批评我时请放轻松 =\

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style type="text/css">
  </style>
  <script type="text/javascript">
    window.onload = function() {
      $("#date1").datepicker({
        changeMonth: true,
        changeYear: true
      });
    }
  </script>
</head>
<body>
  <input type="text" id="date1">
</body>
</html>

最佳答案

将代码的日期选择器部分更改为:

var prevDate = null;
$("#date1").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(date) {
      if (prevDate === null) {
        alert('User has selected ' + date);  
      } else {
        alert('User has change ' + prevDate + ' to ' + date);
      }
      prevDate = date;
    }
});

您可以找到一个合适的位置来放置 prevDate。

还有jQuery-datepicker会对你有很大帮助。

关于javascript - 捕获 jQuery UI 日期选择器中的值并将其提醒给用户,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30876299/

相关文章:

javascript - AngularJS - 定义一个对象但不运行 ngRepeat

javascript - ExtJS 默认过滤器处于事件状态,但网格未过滤

jquery - Nivo Slider 上的第一张图像出现扭曲

javascript - jQuery 日期选择器随 maxDate 范围变化

javascript - 在 ES6 类中声明一个变量。

javascript - 将 SpotLight 指向与相机 three.js(手电筒)相同的方向

javascript - 在同步 AJAX 调用期间更新 GUI

javascript - 动态添加的日期选择器将不起作用

javascript - bool 对象上的逻辑 NOT 在 Javascript 中总是返回 false

javascript - 更改选择框的 CSS 样式表 src onChange