jquery - WordPress 在管理中提供 native 日期选择器吗？

Question

我正在开发一个插件，并在管理中提供一个由用户填写日期的字段。我想知道 WP Admin I 中是否有可用的 native 日期选择器。

我通常会包含一个小的 jQuery datepicker 脚本来执行此操作，但如果已经有一个可用的脚本，我会更喜欢它，因为显而易见的原因，例如更轻的代码、UI 一致性等。这似乎是应该包含的内容，但我'我无法找到有关管理中可用的 jQuery 内容(如果有的话)的此类文档。

Answer 1

答案已经给出，但我想稍微扩展一下以包含 CSS(Wordpress 不提供 jQuery UI 的样式表)，以帮助任何尝试使用此类脚本的人。

基本上(而且非常简单)，您至少需要有以下三行代码:

    wp_enqueue_script('jquery-ui-datepicker');
    wp_register_style('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
    wp_enqueue_style('jquery-ui');

逐行解释:

1. 加载 jQuery UI Datepicker(库已由 Wordpress 注册，无需其他任何操作)
2. 使用句柄jquery-ui注册样式表(我使用的是Google托管的样式表，您可以使用您喜欢的任何一个)
3. 有效地将样式表包含到此页面中由 Wordpress 加载的样式表中

现在您的日期选择器将变得漂亮且丰富多彩! :)

HTML5 礼物

这不是OP所要求的，但它与问题有些相关:如果您不想费心添加Datepicker，您可以尝试HTML5 date 输入类型，让浏览器创建一个非常好的(默认的)日期选择器:

<input type="date" name="the_date" />

是的，不需要其他任何东西(它也可以在 WordPress 后端运行:https://jsfiddle.net/2jxdvea0/

有关 MDN 的更多信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

注意正如 @mark 指出的，该输入不适用于 Firefox(以及其他浏览器)。 MDN 页面中对此进行了说明，当然这里也应该提及。当然，这个问题有解决方法，但写这些解决方法超出了这个问题的范围。

2017 年 3 月 11 日更新根据 @kosso 的评论，Firefox 将在版本 57 中提供对此的支持