WordPress自定義元框的日期選擇器

我是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');

來源

2017-04-19 ganeshreddy

我已經做了這樣的事情，但將tinyMCE富文本編輯器應用到自定義元框中。所以，看你的代碼，你應該改變：

add_action('admin_enqueue_scripts', 'enqueue_date_picker');

到

add_action('admin_print_footer_scripts', 'enqueue_date_picker');

小心使用jQuery前綴，而不是$在你的JS文件，如果你使用jQuery核心從WordPress的。

來源

2017-04-20 13:55:39 TriForce

添加下面的代碼行從您的插件排隊的jQuery UI的日期選擇器庫：

wp_enqueue_script('jquery-ui-datepicker');

您可以下載從jquery ui library網站樣式表文件，並將其包含在你的插件。這樣，你會像排隊以下CSS文件：

wp_enqueue_style('jquery-ui-css', 'http://www.example.com/your-plugin-path/css/jquery-ui.css');

或者，您可以包括從谷歌jQuery UI的CSS（你不需要，如果你通過這條路線去附帶插件的CSS文件）：

wp_enqueue_style('jquery-ui-css', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

以下JQuery的代碼添加到您的JavaScript文件，以便其附着的日期選擇器的任何字段與類「CUSTOM_DATE」的：

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

現在，你可以只需將類「custom_date」添加到HTML代碼中的日期字段中，並在用戶單擊該字段時顯示日期選擇器日曆。

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

來源

2017-07-03 14:29:29

WordPress自定義元框的日期選擇器

回答

相關問題