JQuery:单击范围标签时切换日期选择器

JQuery: toggle date-picker in when clicked on a span tag

本文关键字：日期 选择器 标签 单击 范围 JQuery      更新时间：2023-09-26

在这里，我正在尝试添加出生日期，但使用以下代码：

<script>
    $('#datepicker').focus(function() {
        $("#datepicker").datepicker();
    });
</script>

我无法关闭jquery日期选择器！ 这是我的 HTML：

<div class="DOB">
            <span class="DOB" contenteditable="true" id="datepicker">25/09/1996</span>
            <hr />
            <span class="st">Date of birth</span>
        </div>

我不想让 JQuery 日期选择器一直出现在我的屏幕上！

请帮忙...

你可以做这样的事情

var show = 1;
$('#datepicker').focus(function() { 
if(show == 1)
{
    $( "#datepicker" ).datepicker("show");
    show = 0;
}
else
{
    $( "#datepicker" ).datepicker("hide");
    show = 1;
}
});

我在其他网站上搜索了这个，这工作正常，除了我无法在月份之间切换，或者如果我在没有选择日期的情况下关闭它，它会留下空白...

<script>
    $(function() {
        $('#datepicker').click(function() {
            $(this).datepicker({
                onSelect: function(date) {
                    $(this).datepicker('destroy').html(date);
                }
            });
        });
        $('body').click(function(e) {
            if ($(e.target).closest('#datepicker').length == 0) {
                $('#datepicker').datepicker('destroy');
            }
        });
    });
</script>

这肯定会起作用，如果可能的话，请找到切换月份和空白问题的解决方案！

相关文章：