acf_field_date_and_time_picker{}ACF 1.0

Хуков нет.

Использование

$acf_field_date_and_time_picker = new acf_field_date_and_time_picker();
// use class methods

Методы

  1. public format_value( $value, $post_id, $field )
  2. public initialize()
  3. public input_admin_enqueue_scripts()
  4. public render_field( $field )
  5. public render_field_settings( $field )

Код acf_field_date_and_time_picker{} ACF 5.10.2

<?php
class acf_field_date_and_time_picker extends acf_field {


	/*
	*  __construct
	*
	*  This function will setup the field type data
	*
	*  @type    function
	*  @date    5/03/2014
	*  @since   5.0.0
	*
	*  @param   n/a
	*  @return  n/a
	*/

	function initialize() {

		// vars
		$this->name     = 'date_time_picker';
		$this->label    = __( 'Date Time Picker', 'acf' );
		$this->category = 'jquery';
		$this->defaults = array(
			'display_format' => 'd/m/Y g:i a',
			'return_format'  => 'd/m/Y g:i a',
			'first_day'      => 1,
		);
	}


	/*
	*  input_admin_enqueue_scripts
	*
	*  description
	*
	*  @type    function
	*  @date    16/12/2015
	*  @since   5.3.2
	*
	*  @param   $post_id (int)
	*  @return  $post_id (int)
	*/

	function input_admin_enqueue_scripts() {

		// bail ealry if no enqueue
		if ( ! acf_get_setting( 'enqueue_datetimepicker' ) ) {
			return;
		}

		// vars
		$version = '1.6.1';

		// script
		wp_enqueue_script( 'acf-timepicker', acf_get_url( 'assets/inc/timepicker/jquery-ui-timepicker-addon.min.js' ), array( 'jquery-ui-datepicker' ), $version );

		// style
		wp_enqueue_style( 'acf-timepicker', acf_get_url( 'assets/inc/timepicker/jquery-ui-timepicker-addon.min.css' ), '', $version );

		// localize
		acf_localize_data(
			array(
				'dateTimePickerL10n' => array(
					'timeOnlyTitle' => _x( 'Choose Time', 'Date Time Picker JS timeOnlyTitle', 'acf' ),
					'timeText'      => _x( 'Time', 'Date Time Picker JS timeText', 'acf' ),
					'hourText'      => _x( 'Hour', 'Date Time Picker JS hourText', 'acf' ),
					'minuteText'    => _x( 'Minute', 'Date Time Picker JS minuteText', 'acf' ),
					'secondText'    => _x( 'Second', 'Date Time Picker JS secondText', 'acf' ),
					'millisecText'  => _x( 'Millisecond', 'Date Time Picker JS millisecText', 'acf' ),
					'microsecText'  => _x( 'Microsecond', 'Date Time Picker JS microsecText', 'acf' ),
					'timezoneText'  => _x( 'Time Zone', 'Date Time Picker JS timezoneText', 'acf' ),
					'currentText'   => _x( 'Now', 'Date Time Picker JS currentText', 'acf' ),
					'closeText'     => _x( 'Done', 'Date Time Picker JS closeText', 'acf' ),
					'selectText'    => _x( 'Select', 'Date Time Picker JS selectText', 'acf' ),
					'amNames'       => array(
						_x( 'AM', 'Date Time Picker JS amText', 'acf' ),
						_x( 'A', 'Date Time Picker JS amTextShort', 'acf' ),
					),
					'pmNames'       => array(
						_x( 'PM', 'Date Time Picker JS pmText', 'acf' ),
						_x( 'P', 'Date Time Picker JS pmTextShort', 'acf' ),
					),
				),
			)
		);
	}


	/*
	*  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.
		$hidden_value  = '';
		$display_value = '';

		if ( $field['value'] ) {
			$hidden_value  = acf_format_date( $field['value'], 'Y-m-d H:i:s' );
			$display_value = acf_format_date( $field['value'], $field['display_format'] );
		}

		// Convert "display_format" setting to individual date and time formats.
		$formats = acf_split_date_time( $field['display_format'] );

		// Elements.
		$div          = array(
			'class'            => 'acf-date-time-picker acf-input-wrap',
			'data-date_format' => acf_convert_date_to_js( $formats['date'] ),
			'data-time_format' => acf_convert_time_to_js( $formats['time'] ),
			'data-first_day'   => $field['first_day'],
		);
		$hidden_input = array(
			'id'    => $field['id'],
			'class' => 'input-alt',
			'name'  => $field['name'],
			'value' => $hidden_value,
		);
		$text_input   = array(
			'class' => 'input',
			'value' => $display_value,
		);
		foreach ( array( 'readonly', 'disabled' ) as $k ) {
			if ( ! empty( $field[ $k ] ) ) {
				$hidden_input[ $k ] = $k;
				$text_input[ $k ]   = $k;
			}
		}

		// Output.
		?>
	<div <?php acf_esc_attr_e( $div ); ?>>
		<?php acf_hidden_input( $hidden_input ); ?>
		<?php acf_text_input( $text_input ); ?>
	</div>
		<?php

	}


	/*
	*  render_field_settings()
	*
	*  Create extra options for your field. This is rendered when editing a field.
	*  The value of $field['name'] can be used (like bellow) to save extra data to the $field
	*
	*  @type    action
	*  @since   3.6
	*  @date    23/01/13
	*
	*  @param   $field  - an array holding all the field's data
	*/

	function render_field_settings( $field ) {

		// global
		global $wp_locale;

		// vars
		$d_m_Y = date_i18n( 'd/m/Y g:i a' );
		$m_d_Y = date_i18n( 'm/d/Y g:i a' );
		$F_j_Y = date_i18n( 'F j, Y g:i a' );
		$Ymd   = date_i18n( 'Y-m-d H:i:s' );

		// display_format
		acf_render_field_setting(
			$field,
			array(
				'label'        => __( 'Display Format', 'acf' ),
				'instructions' => __( 'The format displayed when editing a post', 'acf' ),
				'type'         => 'radio',
				'name'         => 'display_format',
				'other_choice' => 1,
				'choices'      => array(
					'd/m/Y g:i a'  => '<span>' . $d_m_Y . '</span><code>d/m/Y g:i a</code>',
					'm/d/Y g:i a'  => '<span>' . $m_d_Y . '</span><code>m/d/Y g:i a</code>',
					'F j, Y g:i a' => '<span>' . $F_j_Y . '</span><code>F j, Y g:i a</code>',
					'Y-m-d H:i:s'  => '<span>' . $Ymd . '</span><code>Y-m-d H:i:s</code>',
					'other'        => '<span>' . __( 'Custom:', 'acf' ) . '</span>',
				),
			)
		);

		// return_format
		acf_render_field_setting(
			$field,
			array(
				'label'        => __( 'Return Format', 'acf' ),
				'instructions' => __( 'The format returned via template functions', 'acf' ),
				'type'         => 'radio',
				'name'         => 'return_format',
				'other_choice' => 1,
				'choices'      => array(
					'd/m/Y g:i a'  => '<span>' . $d_m_Y . '</span><code>d/m/Y g:i a</code>',
					'm/d/Y g:i a'  => '<span>' . $m_d_Y . '</span><code>m/d/Y g:i a</code>',
					'F j, Y g:i a' => '<span>' . $F_j_Y . '</span><code>F j, Y g:i a</code>',
					'Y-m-d H:i:s'  => '<span>' . $Ymd . '</span><code>Y-m-d H:i:s</code>',
					'other'        => '<span>' . __( 'Custom:', 'acf' ) . '</span>',
				),
			)
		);

		// first_day
		acf_render_field_setting(
			$field,
			array(
				'label'        => __( 'Week Starts On', 'acf' ),
				'instructions' => '',
				'type'         => 'select',
				'name'         => 'first_day',
				'choices'      => array_values( $wp_locale->weekday ),
			)
		);

	}


	/*
	*  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'] );

	}

}