jQuery datepicker 没有出现，但是元素出现在屏幕的角落答案

【问题标题】：jQuery datepicker doesn't appear, but the element appeared at the corner of the screenjQuery datepicker 没有出现，但是元素出现在屏幕的角落
【发布时间】：2020-02-22 17:17:58
【问题描述】：

我目前遇到 jquery datepicker 的问题。

这是我的代码：

<div class="form-group print" id="div_tempat_print" style="margin-top:50px;text-align: center;display:none"> 

    <div style="top:10%;width:100%;padding-top: 5px;color:black;background-color:#E0E0E0;">

    <div class="print" id="show_remark" style="margin-left:300px;">
        <div style="width:100%;text-align:left;font-weight:bold" >Remark</div>
        <textarea class="form-control" name="remark_all" style="width:500px;height:75px;"><?php echo $data_by_id['remark'] ?></textarea>
        <?php if($data_by_id['task_id_reference']=='' && strpos($data_by_id['site_id_destination'],'WDHL') !== false) { ?>
        <div style="width:100%;text-align:left;font-weight:bold">Planned Inbound Date</div>
        <input class="form-control" style="width:500px;" type="text" name="planned_inbound_date" id="planned_inbound_date">
        <?php } ?>
    </div>  
.
.
.
<script type="text/javascript">
    $(function(){
        $("#planned_inbound_date").datepicker(
            {format:'yyyy-mm-dd'}
        );
    });
</script>

这是它在我的网站上的外观：

在那张图片中，我通过单击planned_inbound_date 输入字段来定位我的光标。这是另一种形式的正常外观：

如果您需要其他代码，我会更新我的帖子 :) 谢谢！

【问题讨论】：

标签： javascript php jquery html css

【解决方案1】：

请使用 z-index 选项，因为它隐藏在后台。

【讨论】：