gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 19:10:04 25 4
gpt4 key购买 nike

我需要你的帮助。

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

  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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com