{"id":927247,"date":"2014-12-31T12:32:55","date_gmt":"2014-12-31T20:32:55","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/"},"modified":"2015-01-22T16:01:02","modified_gmt":"2015-01-23T00:01:02","slug":"change-date-format","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/","title":{"rendered":"Change date format"},"content":{"rendered":"

Hi,<\/p>\n

Sorry for my English. I hope you understand me .
\n(I use Google Traduction)<\/p>\n

I’ll try to explain my problem.
\nI have a real issue about the date format.
\nI installed the search bar on my home page.<\/p>\n

1 –<\/strong><\/p>\n

  • Here’s the code to integrate the search bar : (on the homepage) <\/li>\n
    <div id="tribe-events-bar">\n\n\t\t\t<form id="tribe-bar-form" class="tribe-clearfix" name="tribe-bar-form" method="get" action="<?php bloginfo('url'); ?>\/evenements\/">\n\n\t\t\t\t<!-- Mobile Filters Toggle -->\n\n\t\t\t\t<div id="tribe-bar-collapse-toggle" <?php if ( count( $views ) == 1 ) { ?> class="tribe-bar-collapse-toggle-full-width"<?php } ?>>\n\t\t\t\t\t<?php _e( 'Find Events', 'tribe-events-calendar' ) ?><span class="tribe-bar-toggle-arrow"><\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class="tribe-bar-filters">\n\t\t\t\t\t<div class="tribe-bar-filters-inner tribe-clearfix">\n\t\t\t\t\t\t\t<div class="tribe-bar-date-filter">\n\t\t\t\t\t\t\t\t<label for="tribe-bar-date" class="label-tribe-bar-date">Date<\/label>\n\t\t\t\t\t\t\t\t<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">\n\t\t\t\t\t\t\t\t<input type="hidden" value="" class="tribe-no-param" id="tribe-bar-date-day" name="tribe-bar-date-day">\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class="tribe-bar-search-filter">\n\t\t\t\t\t\t\t\t<label for="tribe-bar-search" class="label-tribe-bar-search">Search<\/label>\n\t\t\t\t\t\t\t\t<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">\t\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class="tribe-bar-submit">\n\t\t\t\t\t\t\t<input class="tribe-events-button tribe-no-param" type="submit" name="submit-bar" value="<?php _e( 'Find Events', 'tribe-events-calendar' ) ?>" \/>\n\t\t\t\t\t\t<\/div><!-- .tribe-bar-submit -->\n\t\t\t\t\t<\/div><!-- .tribe-bar-filters-inner -->\n\t\t\t\t<\/div><!-- .tribe-bar-filters -->\n\n\t\t\t<\/form><!-- #tribe-bar-form -->\n\n<\/div><!-- #tribe-events-bar --><\/code><\/pre>\n
    2 –<\/strong> <\/p>\n
  • And here the code (in fucntions.php) <\/li>\n
    (According to Greg<\/a>)<\/p>\n
    \/\/Add these scripts to only the front page\nfunction tribehome_enqueue_front_page_scripts() {\n    if( is_front_page() )\n    {\n\t   \n\t    \/\/Add the stylesheet into the header\n\t\twp_enqueue_style("tribe.homepage",WP_PLUGIN_URL."\/the-events-calendar\/resources\/tribe-events-full.css");\n\t\t\n\t\twp_enqueue_style("tribe.homepage.date",WP_PLUGIN_URL."\/the-events-calendar\/vendor\/bootstrap-datepicker\/css\/datepicker.css");\n\t\twp_enqueue_style("tribe.homepage.date",WP_PLUGIN_URL."\/the-events-calendar\/vendor\/bootstrap-datepicker\/css\/datepicker3.css");\n\t\t\n\t\t\/\/Add the scripts in the footer\n\t\twp_enqueue_script("jquery");\n\t\t\n\t\twp_enqueue_script(\n\t\t"tribe.homepage.bar", WP_PLUGIN_URL."\/the-events-calendar\/resources\/tribe-events-bar.js",\n\t\tarray("jquery"), "1.3.1",1);\n\t\t\n\t\twp_enqueue_script(\n\t\t"tribe.homepage.events", WP_PLUGIN_URL."\/the-events-calendar\/resources\/tribe-events.js",\n\t\tarray("jquery"), "1.3.1",1);\n\t\t\n\t\twp_enqueue_script(\n\t\t"tribe.homepage.datepicker", WP_PLUGIN_URL."\/tribe-homepage-search\/js\/bootstrap-datepicker.js",\n\t\tarray("jquery"), "1.3.1",1);\n\t\t\n\t\twp_enqueue_script(\n\t\t"tribe.homepage.footer", WP_PLUGIN_URL."\/tribe-homepage-search\/js\/footer.js",\n\t\tarray("jquery"), "1.3.1",1);\n\n\t}\n}\nadd_action( 'wp_enqueue_scripts', 'tribehome_enqueue_front_page_scripts' );<\/code><\/pre>\n
    No integration problem, but rather a problem when I decide to change the date format.
    \nI want to change the format “mm-dd-yyyy” to “dd-mm-yyyy”
    \nI changed this line ( on my home page):
    \n<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"><\/code><\/p>\n
  • Here is the result ! :<\/li>\n
    \"Capture<\/p>\n
    \"Capture<\/p>\n
    The search is done correctly , but the display of the date is wrong.
    \n“12-07-2016” instead of “31-12-2014”<\/p>\n
  • Here are some screenshots:<\/li>\n
    \"Screenshot<\/p>\n
    \"Screenshot-WP-<\/p>\n
    \"Screenshot<\/p>\n
    I hope to have a precise answer to my problem.
    \nSVP.<\/p>\n
    Regards<\/p>\n","protected":false},"template":"","class_list":["post-927247","topic","type-topic","status-closed","hentry"],"yoast_head":"\nChange date format -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change date format -\" \/>\n<meta property=\"og:description\" content=\"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"> […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-23T00:01:02+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/goo.gl\/IHxjFb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/\",\"name\":\"Change date format -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/goo.gl\/IHxjFb\",\"datePublished\":\"2014-12-31T20:32:55+00:00\",\"dateModified\":\"2015-01-23T00:01:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage\",\"url\":\"http:\/\/goo.gl\/IHxjFb\",\"contentUrl\":\"http:\/\/goo.gl\/IHxjFb\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Change date format\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Change date format -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/","og_locale":"en_US","og_type":"article","og_title":"Change date format -","og_description":"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"> […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/","article_modified_time":"2015-01-23T00:01:02+00:00","og_image":[{"url":"http:\/\/goo.gl\/IHxjFb","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/","name":"Change date format -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage"},"image":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage"},"thumbnailUrl":"http:\/\/goo.gl\/IHxjFb","datePublished":"2014-12-31T20:32:55+00:00","dateModified":"2015-01-23T00:01:02+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#primaryimage","url":"http:\/\/goo.gl\/IHxjFb","contentUrl":"http:\/\/goo.gl\/IHxjFb"},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/change-date-format\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Change date format"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/927247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":2,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/927247\/revisions"}],"predecessor-version":[{"id":927880,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/927247\/revisions\/927880"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=927247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}