加载时显示 Jquery 日期时间选择器

Question

您好，我有一个 jquery ui 日期时间选择器。

现在我希望它出现在页面加载时显示的输入字段上，因此它必须已经在没有点击或焦点的情况下显示。

我还想让输入字段类型隐藏。

网站链接：HERE

有人有什么想法吗？我已经搜索过这个网站和谷歌，但找不到任何东西。

jQuery 代码

$.datepicker.setDefaults( $.datepicker.regional[ "nl" ] );

            $('#date').datetimepicker({
                numberOfMonths: 1,
                showButtonPanel: false,
                dateFormat : 'dd/mm/yy',
                minDate: 0,
                maxDate: 30,
                timeText: 'Tijd',
                hourText: 'Uur',
                minuteText: 'Minuten',
                secondText: 'Seconden'
            });

HTML 代码

<label id="test">test</label><input type="text" value="" id="date" />

Answer 1

您可以在初始化日期选择器后调用$('#date').datepicker('show'); 函数，尽管我可以发誓有一个选项。

Answer 2

您应该能够利用内联显示和填充备用字段选项。它看起来像这样：

HTML：

Date: <div id="datepicker"></div>
<input type="text" value="" id="date" />

JS：

$.datepicker.setDefaults( $.datepicker.regional[ "nl" ] );

$('#datepicker').datetimepicker({
    numberOfMonths: 1,
    showButtonPanel: false,
    dateFormat : 'dd/mm/yy',
    minDate: 0,
    maxDate: 30,
    timeText: 'Tijd',
    hourText: 'Uur',
    minuteText: 'Minuten',
    secondText: 'Seconden',
    altField: "#date",
    altFormat: "yourDateFormat"
});