295 lines
8.5 KiB
PHP
295 lines
8.5 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
if ( ! class_exists( 'acf_field_date_and_time_picker' ) ) :
|
||
|
|
|
||
|
|
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 = 'advanced';
|
||
|
|
$this->description = __( 'An interactive UI for picking a date and time. The date return format can be customized using the field settings.', 'acf' );
|
||
|
|
$this->preview_image = acf_get_url() . '/assets/images/field-type-previews/field-preview-date-time.png';
|
||
|
|
$this->doc_url = acf_add_url_utm_tags( 'https://www.advancedcustomfields.com/resources/date-time-picker/', 'docs', 'field-type-selection' );
|
||
|
|
$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 early 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' => $field['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 echo acf_esc_attrs( $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 $wp_locale;
|
||
|
|
|
||
|
|
$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' );
|
||
|
|
|
||
|
|
echo '<div class="acf-field-settings-split">';
|
||
|
|
|
||
|
|
acf_render_field_setting(
|
||
|
|
$field,
|
||
|
|
array(
|
||
|
|
'label' => __( 'Display Format', 'acf' ),
|
||
|
|
'hint' => __( '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>',
|
||
|
|
),
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
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(
|
||
|
|
'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>',
|
||
|
|
),
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
echo '</div>';
|
||
|
|
|
||
|
|
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'] );
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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 `Y-m-d H:i:s` formatted date string.',
|
||
|
|
'required' => ! empty( $field['required'] ),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// initialize
|
||
|
|
acf_register_field_type( 'acf_field_date_and_time_picker' );
|
||
|
|
endif; // class_exists check
|
||
|
|
|
||
|
|
?>
|