gpt4 book ai didi

jquery - 将 jquery UI 日期选择器绑定(bind)到输入元素的焦点上

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

嗨,我有一种情况,当输入元素获得焦点时,我需要绑定(bind) jquery UI datepicker({}) 函数。我无法使用下面的代码来实现它,所以请大家帮助我如何绑定(bind)输入元素聚焦时的日期选择器函数

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<title> Jquery UI Date Picker </title>
</head>
<body>

<input type="text" id="date" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
//$('#date').datepicker({});
$('#date').on('foucs',function(){
$(this).datepicker({});
});
</script>
</body>
</html>

最佳答案

您可以使用 onclick 事件打开日期选择器:

<input type="text" id="date" onclick="$('#date').datepicker();$('#date').datepicker('show');" />

或者

$( "#date" ).focus(function() {
$('#date').datepicker();
$('#date').datepicker('show');
});

关于jquery - 将 jquery UI 日期选择器绑定(bind)到输入元素的焦点上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37338481/

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