如何从jQuery UI DateTimePicker中隐藏秒和毫秒

Question

我在这个链接中使用jquery-datetimepicker。 我的简单代码如下：$(".datetimepicker").datetimepicker();

但是GUI看起来像这样：

我想要在小部件中仅显示日期日历和时间（小时和分钟）， 我尝试了这段代码，但没有任何效果。

$(".datetimepicker").datetimepicker({
dateFormat: 'dd-mm-yy',
timeFormat: 'hh:mm tt',
showTimePicker: false, 
showSecond:false,
showMillisec:false,
showMicrosec:false,
showTimezone:false
});

- Ahmed

---

我在JSFiddle上尝试了一下。 不要害怕，它没有CSS。但是你可以看到它运行得很好。 https://jsfiddle.net/ujz4gt95/ - Baximilian

Answer 1

问题在于jquery-ui-timepicker-addon.css文件没有被正确加载。原来是这样的：<link href='datetimepicker/src/jquery-ui-timepicker-addon.css'/>我忘记添加链接类型了，正确的应该是：<link type='text/css' rel='stylesheet' href='datetimepicker/src/jquery-ui-timepicker-addon.css' />现在已经可以正常工作了。@zedd非常感谢您，您指出了我的问题所在。

- Ahmed

Answer 2

文档说明，对于showMillisec和微秒的null值将自动从timeFormat检测控件，因此请尝试将它们设置为null或根本不设置。

null的默认值将使用从timeFormat的检测。

- BobbyTables

---

也许控件使用CSS来显示/隐藏部分内容，而您的黑色主题可能具有覆盖此功能的CSS？ - BobbyTables