如何使用焦点启动jquery datepicker
如何使用焦点启动jquery datepicker
提问于 2010-10-08 06:11:51
我是jquery的新手，我想用focus启动datepicker。
我的第一个文本框是一个日期字段，我试着用javascript给这个框以焦点，但是datepicker不会出现，除非我在页面上的其他地方单击，然后通过在框内单击来给它焦点。
有没有办法用焦点启动datepicker，并让小部件在页面加载时立即启动，然后在用户离开框时释放焦点？
$( "#date" ).datepicker({
dateFormat: "mm-dd-yy"
});回答 1
Stack Overflow用户
回答已采纳
发布于 2010-10-08 06:20:33
试试这个- http://www.jsfiddle.net/wnUWQ/embedded/result
$(document).ready(function() {
$("#datepick").datepicker({
dateFormat: "mm-dd-yy"
});
$("#datepick").focus(function() {
$("#datepick").datepicker("show");
});
$("#datepick").focus();
});编辑:当DOM在浏览器中完全加载时，将触发$(document)对象的.ready()函数。首先我们将datepicker附加到input，然后我们附加一个显示日期选择器的focus eventhandler，最后我们将焦点放在输入上。
可以将所有内容都chained到一行中，如下所示：
$(document).ready(function() {
$("#datepick").datepicker({
dateFormat: "mm-dd-yy"
}).focus(function() {
$("#datepick").datepicker("show");
}).focus();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3886239
复制相关文章
相似问题
腾讯云开发者
