Jquery Wordpress是否在Admin中提供本机日期选择器?

Jquery Wordpress是否在Admin中提供本机日期选择器?,jquery,wordpress,datepicker,Jquery,Wordpress,Datepicker,我正在开发一个插件,在管理员中,我提供了一个由用户填写日期的字段。我想知道WP Admin I中是否有一个本地日期选择器可用 我通常会包含一个小的jQuery datepicker脚本来实现这一点,但如果已经有了,我更愿意使用它,原因很明显,比如代码更轻、UI一致性等。这似乎是应该包含的内容,但我还没有找到关于jQuery内容的文档,如果有的话,可在管理员中找到。是。Wordpress的核心就是这个。以下是几篇关于它的文章: (同样的原则也适用于datepicker)答案已经给出,但我想对其进

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


我通常会包含一个小的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');
逐行解释:

  • 加载jQueryUIDatePicker(库已由Wordpress注册,无需其他操作)
  • 使用handle
    jqueryui
    注册样式表(我使用的是Google托管的样式表,您可以使用任何您喜欢的样式表)
  • 有效地将样式表包含在此页面中Wordpress加载的样式表中
  • 现在,你的约会选择者都会变得漂亮多彩

    HTML5礼物

    这不是OP所要求的,但它多少与这个问题有关:如果你不想费心添加日期选择器,你可以尝试HTML5
    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=""/>