はなゐろぐ

主に技術関係の覚え書きです。

Advanced Custom FieldsのTimepickerを5分刻みにカスタマイズする

2019年10月28日
functions.php
add_filter('acf/input/admin_footer', 'acf_input_timepicker');
function acf_input_timepicker(){
  ?>
  <script type="text/javascript">
  (function($){
    acf.add_filter('time_picker_args', function(args, $field){
      args['stepMinute'] = 5;

      return args;
    });
  })(jQuery);
  </script>
  <?php
}

Adding custom javascript to date and time picker fields - ACF Support > ACF | acf/input/admin_footer

リンク先ではDatepickerのカスタマイズも書かれていて、例えば選択可能な範囲を指定するにはこんな感じ。

functions.php
add_filter('acf/input/admin_footer', 'acf_input_datepicker');
function acf_input_datepicker(){
  ?>
  <script type="text/javascript">
  (function($){
    acf.add_filter('date_picker_args', function( args, $field ){
      args['minDate'] = 0; // 今日以降
      args['maxDate'] = '+1m'; // 1ヶ月以内

      return args;
    });
  })(jQuery);
  </script>
  <?php
}

他にもいろいろできそう。