name = 'time_picker'; $this->label = __( 'Time Picker', 'acf' ); $this->category = 'advanced'; $this->description = __( 'An interactive UI for picking a time. The time format can be customized using the field settings.', 'acf' ); $this->preview_image = acf_get_url() . '/assets/images/field-type-previews/field-preview-time.png'; $this->doc_url = acf_add_url_utm_tags( 'https://www.advancedcustomfields.com/resources/time-picker/', 'docs', 'field-type-selection' ); $this->defaults = array( 'display_format' => 'g:i a', 'return_format' => 'g:i a', ); } /* * render_field() * * Create the HTML interface for your field * * @param $field - an array holding all the field's data * * @type action * @since 3.6 * @date 23/01/13 */ function render_field( $field ) { // Set value. $display_value = ''; if ( $field['value'] ) { $display_value = acf_format_date( $field['value'], $field['display_format'] ); } // Elements. $div = array( 'class' => 'acf-time-picker acf-input-wrap', 'data-time_format' => acf_convert_time_to_js( $field['display_format'] ), ); $hidden_input = array( 'id' => $field['id'], 'class' => 'input-alt', 'type' => 'hidden', 'name' => $field['name'], 'value' => $field['value'], ); $text_input = array( 'class' => $field['class'] . ' input', 'type' => 'text', 'value' => $display_value, ); foreach ( array( 'readonly', 'disabled' ) as $k ) { if ( ! empty( $field[ $k ] ) ) { $hidden_input[ $k ] = $k; $text_input[ $k ] = $k; } } // Output. ?>
g:i a
',
'H:i:s' => '' . $H_i_s . 'H:i:s
',
'other' => '' . __( 'Custom:', 'acf' ) . '',
),
)
);
acf_render_field_setting(
$field,
array(
'label' => __( 'Return Format', 'acf' ),
'hint' => __( 'The format returned via template functions', 'acf' ),
'type' => 'radio',
'name' => 'return_format',
'other_choice' => 1,
'choices' => array(
'g:i a' => '' . $g_i_a . 'g:i a
',
'H:i:s' => '' . $H_i_s . 'H:i:s
',
'other' => '' . __( 'Custom:', 'acf' ) . '',
),
)
);
echo '';
}
/*
* format_value()
*
* This filter is appied to the $value after it is loaded from the db and before it is returned to the template
*
* @type filter
* @since 3.6
* @date 23/01/13
*
* @param $value (mixed) the value which was loaded from the database
* @param $post_id (mixed) the $post_id from which the value was loaded
* @param $field (array) the field array holding all the field options
*
* @return $value (mixed) the modified value
*/
function format_value( $value, $post_id, $field ) {
return acf_format_date( $value, $field['return_format'] );
}
/**
* This filter is applied to the $field after it is loaded from the database
* and ensures the return and display values are set.
*
* @type filter
* @since 5.11.0
* @date 28/09/21
*
* @param array $field The field array holding all the field options.
*
* @return array
*/
function load_field( $field ) {
if ( empty( $field['display_format'] ) ) {
$field['display_format'] = $this->defaults['display_format'];
}
if ( empty( $field['return_format'] ) ) {
$field['return_format'] = $this->defaults['return_format'];
}
return $field;
}
/**
* Return the schema array for the REST API.
*
* @param array $field
* @return array
*/
public function get_rest_schema( array $field ) {
return array(
'type' => array( 'string', 'null' ),
'description' => 'A `H:i:s` formatted time string.',
'required' => ! empty( $field['required'] ),
);
}
}
// initialize
acf_register_field_type( 'acf_field_time_picker' );
endif; // class_exists check
?>