jquery/jquery-ui

Datepicker show/hide function not working

Open

#2,360 创建于 2025年7月13日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)JavaScript (11,194 star) (5,390 fork)batch import
Comp: Datepickerhelp wanted

描述

When create a datepicker for a div (non-input) elementm the show/hide functions don't work.

<div id="datepicker"></div>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
<script>
$("#datepicker").datepicker();
$("#datepicker").datepicker("hide");
</script>

贡献者指南

技术栈
javascripthtmlcss
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
jQuery basicsdatepicker usage
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
65
研究方向
Investigate why calling datepicker('hide') does not work when the datepicker is attached to a div element instead of an input. The issue likely lies in the show/hide logic of the datepicker widget, which may assume an input element. Look at the source code for the showDatepicker and hideDatepicker methods in jquery.ui.datepicker.js. A fix might involve adjusting the visibility toggle or the dialog positioning for non input elements. Ensure that the hide method properly triggers the widget's hide functionality.