2

我刚开始使用 jQuery Datepicker 并且遇到了问题。我显示了日历图标，但它显示在输入框下方而不是右侧。由于日历图标是由 jQuery 代码调用的，我应该使用什么选项让它内联显示？这是我的相关代码。谢谢。

<script>
$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "button",
        buttonImage: "calendar_icon.gif",
        buttonImageOnly: true,
        buttonText: "Open calendar"
    });
});
</script>
Date: <input type="text" id="datepicker" />
4

2 回答 2

1

由于您没有提及有关您的CSS的任何内容，因此我猜这就是您的问题所在。您需要在您的 css 文件中添加一个 ui-datepicker-trigger 类。这将由函数自动分配，因此您无需更改输入以包含 class="ui-datepicker-trigger"。我只是复制并粘贴了我在我的一个 css 文件中使用的内容。您需要的部分是 display: inline 部分，但我认为您可能会从整个事情中得到一些用处。

.ui-datepicker-trigger {
    display: inline;
    padding:0px;
    padding-left:3px;
    vertical-align:baseline;
    position:relative;
}

为了进一步扩展这一点，如果您有一些通用的 css 行为导致它显示在输入框下方，这将是必要的。

于 2013-10-07T04:17:35.410 回答
0

如果您只需要在文本框中显示日期，则不需要使用上面提到的那些代码。

   <script>$( "#datepicker" ).datepicker();</script>
   Date: <input type="text" id="datepicker" />

如果您需要更改日期格式，那么您可以这样做

   $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val();
于 2013-10-07T04:34:17.517 回答