如何设置jquery的datepicker，让它进入页面就自动显示在页面的某个位置，而不是点击了才显示

Posted 2023-03-28

datepicker是jquery的日历控件

参考技术A <div id="datepicker"></div>
<script>
$( "#datepicker" ).datepicker();
</script>

然后调整div的位置就好了 参考技术B 一个是click触发的
你需要的是onload触发
你可以这么写：
$(function()
$( "#datepicker" ).datepicker();

);

选择日期时，JQuery Datepicker 未正确更新我的 var

【中文标题】选择日期时，JQuery Datepicker 未正确更新我的 var

【英文标题】：JQuery Datepicker not updating my var correctly when a date a chosen

【发布时间】：2012-09-19 16:29:45

【问题描述】：

我似乎一辈子都无法让它正常工作。

当 jQuery 被执行时，它工作正常，并且第一次设置 var（文本）就好了。

然后，如果再次调用它，它会保留原始文本并且不会更改，除非我当然要刷新网页。

如何修改代码，以便将 var 文本设置为应有的内容？

var sdate, text

//....1)
        $(document).on('keypress', function (e) if(e.which === 13 && $('#dd').dialog('isOpen') === true)  $('.ui-state-active').click();  ); 
        $('#dd').dialog( autoOpen: true, modal: true, overlay:  opacity: 1.0, background: 'black' , title: "SELECT A NEW DUE DATE", height: 235, width: 235, draggable: false, resizable: false);

        $('#d1').datepicker(
            onSelect: function() 

                sdate = $(this).val();

                text = 'THIS IS THE ORIGINAL TEXT WHEN A DATE IS SELECTED IN THE DATEPICKER'

                $("#dd").dialog("close");

             //end of onSelect: function() 
        );//end of datepicker


//....2)
        $(document).on('keypress', function (e) if(e.which === 13 && $('#dd').dialog('isOpen') === true)  $('.ui-state-active').click();  ); 
        $('#dd').dialog( autoOpen: true, modal: true, overlay:  opacity: 1.0, background: 'black' , title: "SELECT APPROVAL DATE", height: 235, width: 235, draggable: false, resizable: false);

        $('#d1').datepicker(
            onSelect: function() 

                sdate = $(this).val();

                text = 'THE TEXT NEVER CHANGES FOR SOME ODD REASON AND CANT SEEM TO FIGURE OUT WHY'

                $("#dd").dialog("close");

             //end of onSelect: function() 
        );//end of datepicker

【问题讨论】：

由于第二个文本分配中的撇号导致语法错误。感谢 Stack Overflow 语法高亮显示。

修复了它，但 var 文本仍然没有改变。

【参考方案1】：

问题是您在同一个 HTML 元素（我假设一个输入）上调用 datepicker 两次。第二段代码中的 onSelect 永远不会运行。看到这个jsFiddle

您需要做的是有一个第二个<input> 标签，它也是一个日期选择器，或者想出另一种方法。

【参考方案2】：

您引用了两次相同的 id (#d1) ...第二个日期选择器应该引用第二个文本框。快速解决。也许是复制和粘贴剩余的。