From 5d324978dbe910ce247e08ac423da811773bbc42 Mon Sep 17 00:00:00 2001 From: Luc Donnet Date: Fri, 29 Jun 2012 10:00:32 +0200 Subject: Add datepicker with html5 and jquery --- .../javascripts/jquery.ui.datepicker-i18n.js | 30 +++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) (limited to 'app/assets/javascripts') diff --git a/app/assets/javascripts/jquery.ui.datepicker-i18n.js b/app/assets/javascripts/jquery.ui.datepicker-i18n.js index 637c7b999..3d0d55b46 100644 --- a/app/assets/javascripts/jquery.ui.datepicker-i18n.js +++ b/app/assets/javascripts/jquery.ui.datepicker-i18n.js @@ -39,9 +39,33 @@ jQuery(function($){ isRTL: false, showMonthAfterYear: false, yearSuffix: ''}; + + if(!(Modernizr.inputtypes && Modernizr.inputtypes.date)) + { + $.datepicker.setDefaults($.datepicker.regional[ "" ]); + $("input[type='date']").each( function(index, element) + { + $(element).datepicker( + { + dateFormat: "dd/mm/y", + dayNamesShort: $.datepicker.regional[ $('html').attr('lang') ].dayNamesShort, + dayNames: $.datepicker.regional[ $('html').attr('lang') ].dayNames, + monthNamesShort: $.datepicker.regional[ $('html').attr('lang') ].monthNamesShort, + monthNames: $.datepicker.regional[ $('html').attr('lang') ].monthNames + } ); + $(element).datepicker("setDate", $.datepicker.parseDate('yy-mm-dd', $(element).val() ) ); + }); - $.datepicker.setDefaults($.datepicker.regional[ "" ]); - $("input[type='date']").datepicker( $.datepicker.regional[ "fr" ] ); - $("input[type='date']").datepicker( "option", $.datepicker.regional[ $('html').attr('lang') ] ); + $("form").submit(function(event) { + var $this = $(event.target); + $this.find("input[type='date']").each( + function(index, element) + { + var date = $.datepicker.formatDate('yy-mm-dd', $.datepicker.parseDate('dd/mm/y', $(element).val() ) ); + $(element).val(date); + } + ); + }); + } }); -- cgit v1.2.3