我正在开发一个插件,并在管理中提供一个由用户填写日期的字段。我想知道 WP Admin I 中是否有可用的本机日期选择器。
我通常会包含一个小的 jQuery datepicker 脚本来执行此操作,但如果一个已经可用,我会更喜欢它,因为明显的原因,如更轻的代码、UI 一致性等。这似乎是应该/应该包含的内容,但我还没有能够找到有关管理中可用的 jQuery 内容(如果有)的此类文档。
答案已经给出,但我想稍微扩展一下以包含 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');
逐行解释:
- 加载 jQuery UI Datepicker(库已由 Wordpress 注册,无需其他任何操作)
- 使用句柄注册样式表
jquery-ui
(我用的是Google托管的,你可以用你喜欢的)
- 有效地将样式表包含到此页面中由 WordPress 加载的样式表中
现在您的日期选择器将变得漂亮且丰富多彩! :)
HTML5礼物
这不是OP所要求的,但它与问题有些相关:如果你不想费心添加Datepicker,你可以尝试HTML5date
输入类型,让浏览器创建一个非常好的(默认的)日期选择器:
<input type="date" name="the_date" />
是的,不需要其他任何东西(它也可以在 WordPress 的后端运行:https://jsfiddle.net/2jxdvea0/ https://jsfiddle.net/2jxdvea0/
有关 MDN 的更多信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
Note正如 @mark 指出的,该输入不适用于 Firefox(以及其他浏览器)。 MDN 页面中对此进行了说明,当然这里也应该提及。当然,这个问题有解决方法,但写这些解决方法超出了这个问题的范围。
更新 03-11-2017根据 @kosso 的评论,Firefox 将在版本 57 中提供对此的支持
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)