Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery日期时间选择器在加载时显示_Jquery_Html_Css_Jquery Ui - Fatal编程技术网

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

Jquery日期时间选择器在加载时显示,jquery,html,css,jquery-ui,Jquery,Html,Css,Jquery Ui,你好,我有一个jQueryUI日期时间选择器 现在我希望它显示在页面加载时的输入字段中,所以它必须已经在没有单击或焦点的情况下显示 我还想隐藏输入字段类型 链接至网站: 有人有什么想法吗?我已经搜索了这个网站和谷歌,但找不到任何东西 Jquery代码 $.datepicker.setDefaults( $.datepicker.regional[ "nl" ] ); $('#date').datetimepicker({ numberOf

你好,我有一个jQueryUI日期时间选择器

现在我希望它显示在页面加载时的输入字段中,所以它必须已经在没有单击或焦点的情况下显示

我还想隐藏输入字段类型

链接至网站:

有人有什么想法吗?我已经搜索了这个网站和谷歌,但找不到任何东西

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" />
测试

您可以调用
$(“#date”).datepicker('show')函数,尽管我可以发誓有一个选项。

您可以调用
$(“#日期”).datepicker('show')函数,尽管我可以发誓有一个选项可供选择。

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

HTML

Date: <div id="datepicker"></div>
<input type="text" value="" id="date" />
$.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"
});

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

HTML

Date: <div id="datepicker"></div>
<input type="text" value="" id="date" />
$.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"
});

是的,但是当我隐藏输入字段时,datepicker就出现了,这是jQueryUI的问题。文档特别指出“如果日期选择器附加到输入,则输入必须可见才能显示日期选择器。”嗯,也许我可以试试css可见性:hiddeni只是不想只看到输入字段的日期选择器,在用户设置它之后,它必须通过电子邮件发送给所有者。您是否考虑过不使用输入而只显示内联?是的,但是当我隐藏输入字段时,datepicker就出现了,这是jQueryUI的问题。文档特别指出“如果日期选择器附加到输入,则输入必须可见才能显示日期选择器。”嗯,也许我可以试试css可见性:hiddeni只是不想只看到输入字段的日期选择器,在用户设置它之后,它必须通过电子邮件发送给所有者。您是否考虑过不使用输入而只显示内联?真棒这也行但只有一个问题是它只解析时间而不是日期真棒这也行但只有一个问题是它只解析时间而不是日期