Jquery Wordpress是否在Admin中提供本机日期选择器?
我正在开发一个插件,在管理员中,我提供了一个由用户填写日期的字段。我想知道WP Admin I中是否有一个本地日期选择器可用Jquery Wordpress是否在Admin中提供本机日期选择器?,jquery,wordpress,datepicker,Jquery,Wordpress,Datepicker,我正在开发一个插件,在管理员中,我提供了一个由用户填写日期的字段。我想知道WP Admin I中是否有一个本地日期选择器可用 我通常会包含一个小的jQuery datepicker脚本来实现这一点,但如果已经有了,我更愿意使用它,原因很明显,比如代码更轻、UI一致性等。这似乎是应该包含的内容,但我还没有找到关于jQuery内容的文档,如果有的话,可在管理员中找到。是。Wordpress的核心就是这个。以下是几篇关于它的文章: (同样的原则也适用于datepicker)答案已经给出,但我想对其进
我通常会包含一个小的jQuery datepicker脚本来实现这一点,但如果已经有了,我更愿意使用它,原因很明显,比如代码更轻、UI一致性等。这似乎是应该包含的内容,但我还没有找到关于jQuery内容的文档,如果有的话,可在管理员中找到。是。Wordpress的核心就是这个。以下是几篇关于它的文章:
(同样的原则也适用于datepicker)答案已经给出,但我想对其进行一些扩展,以包括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');
逐行解释:
jqueryui
注册样式表(我使用的是Google托管的样式表,您可以使用任何您喜欢的样式表)date
input类型,让浏览器创建一个非常好的(默认)日期选择器:
<input type="date" name="the_date" />
是的,不需要其他东西(它也可以在Wordpress的后端工作:
有关MDN的更多信息:
注意
正如@mark所指出的,输入不适用于Firefox(以及其他浏览器)。这在MDN页面中有所说明,但这里当然也应该提到。当然,这个问题有一些解决方法,但写下它们将超出这个问题的范围
更新日期:2017年11月3日
截至@kosso的评论,Firefox对这一点的支持将出现在57版中,添加以下代码行以将jquery ui datepicker库从插件中排队:
wp_enqueue_script('jquery-ui-datepicker');
您可以从jquery ui库站点下载样式表文件,并将其包含在插件中。然后,您可以按如下方式将CSS文件排队:
wp_enqueue_style('jquery-ui-css', 'http://www.example.com/your-plugin-path/css/jquery-ui.css');
或者,您可以包括来自Google的jquery ui CSS(如果您通过此途径,则无需随插件一起提供CSS文件):
将以下JQuery代码添加到javascript文件中,以便它将日期选择器附加到任何具有“custom_date”类的字段:
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.custom_date').datepicker({
dateFormat : 'yy-mm-dd'
});
});
</script>
jQuery(文档).ready(函数($){
$('.custom_date')。日期选择器({
日期格式:“yy-mm-dd”
});
});
现在,您可以简单地将类“custom_date”添加到HTML代码中的日期字段中,当用户单击该字段时,它将显示一个日期选择器日历
<input type="text" class="custom_date" name="start_date" value=""/>
在发表评论之前,您是否尝试阅读我的问题?我不是问如何添加日期选择器。我说我已经这样做了。我是问Wordpress Admin中是否提供了一个。就像一个类,我可以添加到输入字段中。如果您不理解问题,请不要留下评论。是的,我已经添加了。答案是轻松搜索或even尝试。另一种方法是查看wp控制面板中加载的文件。答案是否定的。您是否考虑过使用一些花式的方法(可能)HTTML5标签?BTW,我的意思是,对于jQuery DePePoCKER提供的WP ByFunt没有特殊的数据包。这可以被排队,不需要添加额外的DATEPICER脚本。CSS用于它。没有,你必须包括。最后得到WP反馈的东西考虑HI,谢谢这个线程,它帮助我。在保罗的站点上是特别的例子。datepicker,now:但我认为,在WP中不是jQueryUIDatePicker的样式表:WP\u enqueue\u样式('jQueryUIDatePicker');有必要从CDN加载或本地保存,如本例中所示:感谢您的确认。我发现令人震惊的是,2017年,所有浏览器仍然没有一个通用的日期/时间选择器HTML元素。更新:Firefox对此的支持将在版本57中提供。
<input type="text" class="custom_date" name="start_date" value=""/>