gpt4 book ai didi

JqueryUI Datepicker 年份选择器不更新文本框文本

转载 作者:行者123 更新时间:2023-12-01 07:52:17 25 4
gpt4 key购买 nike

我想知道是否有人知道如何更改 JQueryUI Datepicker,以便在年份下拉列表更改后立即更新日期文本。

我正在使用的基础知识显示在http://jsfiddle.net/H94cc/238/

<input type="text" name="DOB" id="DOB" class="cat_textbox datepicker" value="10/10/1976" />


// UI Date Picker
$(".datepicker").datepicker({
yearRange: '-80:-04' ,
changeYear: true,
changeMonth: true
});

$(".datepicker").datepicker({

showOn: "both",
buttonImage: "/images/calendar.png",
buttonImageOnly: true
});

如果您单击文本,然后选择年份,然后单击其他位置而不再次选择日期,它将关闭而不更新文本。

有人知道如何解决这个问题吗?

最佳答案

使用 onChangeMonthYear 事件如下:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - On change month,year</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<script>
$(function() {
var changingDate = false;
$('.datepicker').datepicker({
yearRange: '-80:-04' ,
changeYear: true,
changeMonth: true,
onChangeMonthYear: function(y, m, i) {
var d = i.selectedDay;
$(this).datepicker('setDate', new Date(y, m - 1, d));
}
});
});
</script>
</head>
<body>
<input type="text" name="DOB" id="DOB" class="cat_textbox datepicker" value="10/10/1976" />
</body>
</html>

关于JqueryUI Datepicker 年份选择器不更新文本框文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28295984/

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