Javascript 在jQueryUIDatePicker中捕获一个值并向用户发回警报_Javascript_Jquery_Jquery Ui_Datepicker

Javascript 在jQueryUIDatePicker中捕获一个值并向用户发回警报

javascript jquery jquery-ui

Javascript 在jQueryUIDatePicker中捕获一个值并向用户发回警报,javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,我需要你的帮助如何将某些功能添加到下面的现有代码中，从而使以下选项成为可能：如果date1字段为空，并且用户选择了一个日期，则会弹出一条警报消息，并显示“用户已选择[日期]” 如果date1字段不为空且用户选择了新日期，则会弹出一条警告消息，提示“用户已将[old_date_value]更改为[new_date_value] 我对jQuery完全是新手，所以批评我的时候要放轻松=\ <!DOCTYPE html> <html> <head> <s

我需要你的帮助

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

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

如果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>


window.onload=函数（）{
$（“#date1”）。日期选择器({
变化月：对，
变化年：对
});
}

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

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;
    }
});

你可以找一个合适的地方放上日期

也会对您有很大帮助。

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

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;
    }
});

你可以找一个合适的地方放上日期

也会对您有很大帮助。

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

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;
    }
});

你可以找一个合适的地方放上日期

也会对您有很大帮助。

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

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;
    }
});

你可以找一个合适的地方放上日期

也会对您有很大帮助。

您需要使用作为日期选择器一部分的选项。onSelect函数有两个参数，dateText（日期字符串）和datepicker实例。您可以从datepicker实例获取最后一个值，即lastVal

使用上述信息，您的javascript将如下所示：

$("#date1").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText,inst) {
        if(dateText !== inst.lastVal){
            if (inst.lastVal == null) {
                alert("User has selected: "+dateText);
            } else {
                alert("User has change "+inst.lastVal+" to "+dateText)
            }
        }
    }
});

使用此解决方案，您不需要管理变量中的前一个日期值，这很好

我已经复制了您的设置，以便您可以在熟悉jQuery时使用它。

使用上述信息，您的javascript将如下所示：

$("#date1").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText,inst) {
        if(dateText !== inst.lastVal){
            if (inst.lastVal == null) {
                alert("User has selected: "+dateText);
            } else {
                alert("User has change "+inst.lastVal+" to "+dateText)
            }
        }
    }
});

使用此解决方案，您不需要管理变量中的前一个日期值，这很好

我已经复制了您的设置，以便您可以在熟悉jQuery时使用它。

使用上述信息，您的javascript将如下所示：

$("#date1").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText,inst) {
        if(dateText !== inst.lastVal){
            if (inst.lastVal == null) {
                alert("User has selected: "+dateText);
            } else {
                alert("User has change "+inst.lastVal+" to "+dateText)
            }
        }
    }
});

使用此解决方案，您不需要管理变量中的前一个日期值，这很好

我已经复制了您的设置，以便您可以在熟悉jQuery时使用它。

使用上述信息，您的javascript将如下所示：

$("#date1").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText,inst) {
        if(dateText !== inst.lastVal){
            if (inst.lastVal == null) {
                alert("User has selected: "+dateText);
            } else {
                alert("User has change "+inst.lastVal+" to "+dateText)
            }
        }
    }
});

使用此解决方案，您不需要管理变量中的前一个日期值，这很好

我复制了你的设置，这样你就可以在习惯jQuery的时候玩这个了。

完美无瑕！非常感谢你+1无法无天！非常感谢你+1无法无天！非常感谢你+1无法无天！非常感谢你+1我已经对你的答案进行了投票，但我想知道我在哪里可以找到关于

lastVal

的文档，谢谢。您可以通过运行

console.log（inst）将inst对象输出到控制台

查看该对象中的所有内容，但是是的，jQuery文档缺少这方面的内容。我能够从中找到关于该变量的信息，我对您的答案投了赞成票，但是我想知道在哪里可以找到关于

lastVal

，谢谢。您可以通过运行

console.log（inst）将inst对象输出到控制台

lastVal

，谢谢。您可以通过运行

console.log（inst）将inst对象输出到控制台

lastVal

，谢谢。您可以通过运行

console.log（inst）将inst对象输出到控制台

查看该对象中的所有内容，但是是的，jQuery文档中缺少这方面的内容