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

你可以在初始化datepicker后调用$('#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"
});

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

2 个答案: