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. ?>
>
'; 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' => '' . $d_m_Y . 'd/m/Y g:i a', 'm/d/Y g:i a' => '' . $m_d_Y . 'm/d/Y g:i a', 'F j, Y g:i a' => '' . $F_j_Y . 'F j, Y g:i a', 'Y-m-d H:i:s' => '' . $Ymd . 'Y-m-d 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( 'd/m/Y g:i a' => '' . $d_m_Y . 'd/m/Y g:i a', 'm/d/Y g:i a' => '' . $m_d_Y . 'm/d/Y g:i a', 'F j, Y g:i a' => '' . $F_j_Y . 'F j, Y g:i a', 'Y-m-d H:i:s' => '' . $Ymd . 'Y-m-d H:i:s', 'other' => '' . __( 'Custom:', 'acf' ) . '', ), ) ); echo ''; 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 ?>