WordPress自定义元框的日期选择器

我是WordPress的新手。如何创建具有日期选择器支持的元框字段

    function enqueue_date_picker(){
        wp_enqueue_script(
            'field-date', 
            get_template_directory_uri() . '/admin/field-date.js', 
            array('jquery', 'jquery-ui-core', 'jquery-ui-datepicker'),
            time(),
            true
        );  

        wp_enqueue_style( 'jquery-ui-datepicker' );
    }

add_action('admin_enqueue_scripts', 'enqueue_date_picker');

---

我做过类似的事情，但将tinyMCE富文本编辑器应用于自定义元框。因此，查看您的代码，您应该更改：

add_action('admin_enqueue_scripts', 'enqueue_date_picker');

到

---

如果您要使用wordpress的核心jQuery，请在JS文件中使用

jQuery

前缀，而不是

$

。

添加以下代码行，将jQuery ui日期选择器库从插件中排队：

wp_enqueue_script('jquery-ui-datepicker');

您可以从站点下载样式表文件并将其包含在插件中。然后将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=""/>

<script type="text/javascript">
jQuery(document).ready(function($) {
$('.custom_date').datepicker({
dateFormat : 'yy-mm-dd'
});
});
</script>

<input type="text" class="custom_date" name="start_date" value=""/>