Change date format -

This topic has 2 replies, 2 voices, and was last updated 11 years, 3 months ago by Brian.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
December 31, 2014 at 12:32 pm #927247

samuel
Participant

Hi,

Sorry for my English. I hope you understand me .
(I use Google Traduction)

I’ll try to explain my problem.
I have a real issue about the date format.
I installed the search bar on my home page.

1 –
Here’s the code to integrate the search bar : (on the homepage)

<div id="tribe-events-bar">

			<form id="tribe-bar-form" class="tribe-clearfix" name="tribe-bar-form" method="get" action="<?php bloginfo('url'); ?>/evenements/">

				<!-- Mobile Filters Toggle -->

				<div id="tribe-bar-collapse-toggle" <?php if ( count( $views ) == 1 ) { ?> class="tribe-bar-collapse-toggle-full-width"<?php } ?>>
					<?php _e( 'Find Events', 'tribe-events-calendar' ) ?><span class="tribe-bar-toggle-arrow"></span>
				</div>

				<div class="tribe-bar-filters">
					<div class="tribe-bar-filters-inner tribe-clearfix">
							<div class="tribe-bar-date-filter">
								<label for="tribe-bar-date" class="label-tribe-bar-date">Date</label>
								<input type="text" placeholder="Date" value="" id="tribe-bar-date" data-date-format="mm-dd-yyyy" style="position: relative; z-index:10000" name="tribe-bar-date">
								<input type="hidden" value="" class="tribe-no-param" id="tribe-bar-date-day" name="tribe-bar-date-day">								
							</div>
							<div class="tribe-bar-search-filter">
								<label for="tribe-bar-search" class="label-tribe-bar-search">Search</label>
								<input data-bind="label" type="text" placeholder="Snorkeling, Dinner Cruise, Ibiza Party" onfocus="this.placeholder = ''" onblur="this.placeholder = ''" value="" id="tribe-bar-search" name="tribe-bar-search">	

							</div>
						<div class="tribe-bar-submit">
							<input class="tribe-events-button tribe-no-param" type="submit" name="submit-bar" value="<?php _e( 'Find Events', 'tribe-events-calendar' ) ?>" />
						</div><!-- .tribe-bar-submit -->
					</div><!-- .tribe-bar-filters-inner -->
				</div><!-- .tribe-bar-filters -->

			</form><!-- #tribe-bar-form -->

</div><!-- #tribe-events-bar -->

2 –

And here the code (in fucntions.php)

(According to Greg)

//Add these scripts to only the front page
function tribehome_enqueue_front_page_scripts() {
    if( is_front_page() )
    {
	   
	    //Add the stylesheet into the header
		wp_enqueue_style("tribe.homepage",WP_PLUGIN_URL."/the-events-calendar/resources/tribe-events-full.css");
		
		wp_enqueue_style("tribe.homepage.date",WP_PLUGIN_URL."/the-events-calendar/vendor/bootstrap-datepicker/css/datepicker.css");
		wp_enqueue_style("tribe.homepage.date",WP_PLUGIN_URL."/the-events-calendar/vendor/bootstrap-datepicker/css/datepicker3.css");
		
		//Add the scripts in the footer
		wp_enqueue_script("jquery");
		
		wp_enqueue_script(
		"tribe.homepage.bar", WP_PLUGIN_URL."/the-events-calendar/resources/tribe-events-bar.js",
		array("jquery"), "1.3.1",1);
		
		wp_enqueue_script(
		"tribe.homepage.events", WP_PLUGIN_URL."/the-events-calendar/resources/tribe-events.js",
		array("jquery"), "1.3.1",1);
		
		wp_enqueue_script(
		"tribe.homepage.datepicker", WP_PLUGIN_URL."/tribe-homepage-search/js/bootstrap-datepicker.js",
		array("jquery"), "1.3.1",1);
		
		wp_enqueue_script(
		"tribe.homepage.footer", WP_PLUGIN_URL."/tribe-homepage-search/js/footer.js",
		array("jquery"), "1.3.1",1);

	}
}
add_action( 'wp_enqueue_scripts', 'tribehome_enqueue_front_page_scripts' );

No integration problem, but rather a problem when I decide to change the date format.
I want to change the format “mm-dd-yyyy” to “dd-mm-yyyy”
I changed this line ( on my home page):
<input type="text" placeholder="Date" value="" id="tribe-bar-date" data-date-format="<strong>mm-dd-yyyy</strong>" style="position: relative; z-index:10000" name="tribe-bar-date">