Settings: Fix date/time format previewing.

Props afercia.
Amends [41857].
Fixes #41603.


git-svn-id: https://develop.svn.wordpress.org/trunk@42134 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Weston Ruter 2017-11-09 03:54:13 +00:00
parent 7a6ed11319
commit ac5a3fc7a8
2 changed files with 13 additions and 8 deletions

View File

@ -897,7 +897,7 @@ table.form-table td .updated p {
.options-general-php .spinner { .options-general-php .spinner {
float: none; float: none;
margin: 0 3px; margin: -3px 3px 0;
} }
.settings-php .language-install-spinner, .settings-php .language-install-spinner,

View File

@ -51,7 +51,7 @@ function options_general_add_js() {
$("input[name='date_format']").click(function(){ $("input[name='date_format']").click(function(){
if ( "date_format_custom_radio" != $(this).attr("id") ) if ( "date_format_custom_radio" != $(this).attr("id") )
$( "input[name='date_format_custom']" ).val( $( this ).val() ).siblings( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() ); $( 'input[name="date_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );
}); });
$( 'input[name="date_format_custom"]' ).on( 'click input', function() { $( 'input[name="date_format_custom"]' ).on( 'click input', function() {
$( '#date_format_custom_radio' ).prop( 'checked', true ); $( '#date_format_custom_radio' ).prop( 'checked', true );
@ -59,18 +59,23 @@ function options_general_add_js() {
$("input[name='time_format']").click(function(){ $("input[name='time_format']").click(function(){
if ( "time_format_custom_radio" != $(this).attr("id") ) if ( "time_format_custom_radio" != $(this).attr("id") )
$( "input[name='time_format_custom']" ).val( $( this ).val() ).siblings( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() ); $( 'input[name="time_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );
}); });
$( 'input[name="time_format_custom"]' ).on( 'click input', function() { $( 'input[name="time_format_custom"]' ).on( 'click input', function() {
$( '#time_format_custom_radio' ).prop( 'checked', true ); $( '#time_format_custom_radio' ).prop( 'checked', true );
}); });
$("input[name='date_format_custom'], input[name='time_format_custom']").change( function() { $("input[name='date_format_custom'], input[name='time_format_custom']").change( function() {
var format = $(this); var format = $( this ),
format.siblings( '.spinner' ).addClass( 'is-active' ); fieldset = format.closest( 'fieldset' ),
$.post(ajaxurl, { example = fieldset.find( '.example' ),
action: 'date_format_custom' == format.attr('name') ? 'date_format' : 'time_format', spinner = fieldset.find( '.spinner' );
spinner.addClass( 'is-active' );
$.post( ajaxurl, {
action: 'date_format_custom' == format.attr( 'name' ) ? 'date_format' : 'time_format',
date : format.val() date : format.val()
}, function(d) { format.siblings( '.spinner' ).removeClass( 'is-active' ); format.siblings('.example').text(d); } ); }, function( d ) { spinner.removeClass( 'is-active' ); example.text( d ); } );
}); });
var languageSelect = $( '#WPLANG' ); var languageSelect = $( '#WPLANG' );