jQuery日期时间选择器在加载时显示

Question

您好，我有一个jQuery用户界面日期时间选择器。

现在，我希望它在页面加载时显示的输入字段上显示，因此它必须已经被显示而没有单击或聚焦。

我也想隐藏输入字段类型。

链接到网站： HERE

有人有什么想法吗？ 我已经搜索了该网站和Google，但找不到任何东西。

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"
});