隐藏输入

此示例演示通过隐藏 input 使用 DateTime。选择器显示在页面上,而不是通过单击 input 元素来切换。

  • Javascript
  • HTML
  • CSS
  • Ajax
  • 服务器端脚本
  • 注释

以下显示的 Javascript 用于初始化此示例中显示的表

$('#test').dtDateTime();
new DateTime(document.getElementById('test'));

除了以上代码外,还会加载以下 Javascript 库文件供此示例使用

    下面显示的 HTML 是原始的 HTML 表元素,在 DataTables 增强它之前

    此示例使用了一些额外的 CSS 超出了从库文件中加载的内容(如下所示),以便正确显示表。下面显示了使用的额外 CSS

    以下 CSS 库文件加载供此示例使用,为表提供样式

      此表通过 Ajax 加载数据。下面显示已加载的最新数据。加载任何其他数据时,此数据将自动更新。

      用于执行此表的服务器端处理的脚本如下所示。请注意,这只是一个使用 PHP 的示例脚本。可以使用任何语言编写服务器端处理脚本,方法是 使用 DataTables 文档中描述的协议

      其他示例