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 ); $this->l10n = 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'), ) ); // do not delete! parent::__construct(); } /* * 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() { // vars $version = '1.6.1'; // script wp_enqueue_script('acf-timepicker', acf_get_dir('assets/inc/timepicker/jquery-ui-timepicker-addon.min.js'), array('jquery-ui-datepicker'), $version); // style wp_enqueue_style('acf-timepicker', acf_get_dir('assets/inc/timepicker/jquery-ui-timepicker-addon.min.css'), '', $version); } /* * 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 ) { // format 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 to date and time // the letter 'm' is used for date and minute in JS, so this must be done here in PHP $formats = acf_split_date_time($field['display_format']); // vars $e = ''; $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 = array( 'id' => $field['id'], 'class' => 'input-alt', 'type' => 'hidden', 'name' => $field['name'], 'value' => $hidden_value, ); $input = array( 'class' => 'input', 'type' => 'text', 'value' => $display_value, ); // html $e .= '

'; $e .= ''; $e .= ''; $e .= '

'; // return echo $e; } /* * 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; // 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' => date('d/m/Y g:i a'), 'm/d/Y g:i a' => date('m/d/Y g:i a'), 'F j, Y g:i a' => date('F j, Y g:i a'), 'Y-m-d H:i:s' => date('Y-m-d H:i:s'), ) )); // 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' => date('d/m/Y g:i a'), 'm/d/Y g:i a' => date('m/d/Y g:i a'), 'F j, Y g:i a' => date('F j, Y g:i a'), 'Y-m-d H:i:s' => date('Y-m-d H:i:s'), ) )); // 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'] ); } } // initialize acf_register_field_type( new acf_field_date_and_time_picker() ); endif; // class_exists check ?>