<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog Patrick Espake &#187; format</title>
	<atom:link href="http://blog.patrickespake.com/tag/format/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.patrickespake.com</link>
	<description>O conhecimento evolui quando é compartilhado!</description>
	<lastBuildDate>Fri, 03 Sep 2010 04:24:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
		<item>
		<title>Ruby on Rails conversão de datas com I18n</title>
		<link>http://blog.patrickespake.com/2009/11/09/ruby-on-rails-conversao-de-datas-com-i18n/</link>
		<comments>http://blog.patrickespake.com/2009/11/09/ruby-on-rails-conversao-de-datas-com-i18n/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 19:37:14 +0000</pubDate>
		<dc:creator>patrickespake</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[aplicação]]></category>
		<category><![CDATA[banco de dados]]></category>
		<category><![CDATA[conversão]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[date picker]]></category>
		<category><![CDATA[datepicker]]></category>
		<category><![CDATA[default_locale]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[format]]></category>
		<category><![CDATA[formulário]]></category>
		<category><![CDATA[I18n]]></category>
		<category><![CDATA[javascripts]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[new_record]]></category>
		<category><![CDATA[pt-BR]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[text_field]]></category>
		<category><![CDATA[value]]></category>
		<category><![CDATA[yaml]]></category>

		<guid isPermaLink="false">http://blog.patrickespake.com/?p=1064</guid>
		<description><![CDATA[Eu estou desenvolvendo uma aplicação que precisa trabalhar com datas com I18n e fazer conversões para salvar a data no banco de dados e exibir para o usuário de acordo com o seu idioma. Eu estou usando o Date Picker do jQuery em um campo do tipo text_field. Vou mostrar um esboço de como eu [...]]]></description>
			<content:encoded><![CDATA[<p>Eu estou desenvolvendo uma aplicação que precisa trabalhar com datas com I18n e fazer conversões para salvar a data no banco de dados e exibir para o usuário de acordo com o seu idioma.</p>
<p>Eu estou usando o Date Picker do jQuery em um campo do tipo text_field.</p>
<p><img src="http://blog.patrickespake.com/wp-content/uploads/2009/11/datepicker.jpg" alt="datepicker" title="datepicker" width="318" height="265" class="aligncenter size-full wp-image-1068" /></p>
<p>Vou mostrar um esboço de como eu fiz isso, em primeiro lugar eu defini no arquivo config/environment.rb o idioma:</p>

<div class="wp_syntax"><div class="code"><pre class="ruby" style="font-family:monospace;">config.<span style="color:#9900CC;">i18n</span>.<span style="color:#9900CC;">default_locale</span> = <span style="color:#996600;">'pt-BR'</span></pre></div></div>

<p>Depois eu defini no arquivo config/locales/pt-BR.yml os formatos de data:</p>

<div class="wp_syntax"><div class="code"><pre class="yaml" style="font-family:monospace;">pt-BR:
  date:
    formats:
      default: &quot;%d/%m/%Y&quot;
      short: &quot;%d de %B&quot;
      long: &quot;%d de %B de %Y&quot;
&nbsp;
    day_names: [Domingo, Segunda, Terça, Quarta, Quinta, Sexta, Sábado]
    abbr_day_names: [Dom, Seg, Ter, Qua, Qui, Sex, Sáb]
    month_names: [~, Janeiro, Fevereiro, Março, Abril, Maio, Junho, Julho, Agosto, Setembro, Outubro, Novembro, Dezembro]
    abbr_month_names: [~, Jan, Fev, Mar, Abr, Mai, Jun, Jul, Ago, Set, Out, Nov, Dez]
    order: [ :day, :month, :year ]</pre></div></div>

<p>No meu formulário eu deixei assim:</p>

<div class="wp_syntax"><div class="code"><pre class="ruby" style="font-family:monospace;"><span style="color:#006600; font-weight:bold;">&lt;%</span> content_for <span style="color:#ff3333; font-weight:bold;">:javascripts</span> <span style="color:#9966CC; font-weight:bold;">do</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span>= include_jquery <span style="color:#006600; font-weight:bold;">%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span>= javascript_include_tag <span style="color:#996600;">&quot;jquery.maskedinput-1.2.2.min&quot;</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span> javascript_tag <span style="color:#9966CC; font-weight:bold;">do</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
    $(document).ready(function() {
      // Adiciona date picker ao campo data de nascimento
      $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['<span style="color:#006600; font-weight:bold;">&lt;%</span>= I18n.<span style="color:#9900CC;">locale</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>']));
      $(&quot;#investor_date_of_birth&quot;).datepicker({
        showOn: 'both',
        buttonImage: '/images/calendar.gif',
        buttonImageOnly: false,
        buttonText: '<span style="color:#006600; font-weight:bold;">&lt;%</span>= t<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'ui.admin.crud.datepicker_button_text'</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>',
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:<span style="color:#006600; font-weight:bold;">&lt;%</span>= <span style="color:#CC00FF; font-weight:bold;">Time</span>.<span style="color:#9900CC;">now</span>.<span style="color:#9900CC;">year</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>'
      });
&nbsp;
      // Adiciona mascara ao campo data de nascimento
      $(&quot;#investor_date_of_birth&quot;).mask(&quot;99/99/9999&quot;);
    });
  <span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">end</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
<span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">end</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
&nbsp;
<span style="color:#006600; font-weight:bold;">&lt;%</span> form_for <span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#ff3333; font-weight:bold;">:admin</span>, <span style="color:#0066ff; font-weight:bold;">@investor</span><span style="color:#006600; font-weight:bold;">&#93;</span> <span style="color:#9966CC; font-weight:bold;">do</span> <span style="color:#006600; font-weight:bold;">|</span>f<span style="color:#006600; font-weight:bold;">|</span> <span style="color:#006600; font-weight:bold;">-%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span>= f.<span style="color:#9900CC;">error_messages</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
&nbsp;
  <span style="color:#006600; font-weight:bold;">&lt;%</span>= f.<span style="color:#9900CC;">label</span> <span style="color:#ff3333; font-weight:bold;">:date_of_birth</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
&nbsp;
  <span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">if</span> <span style="color:#0066ff; font-weight:bold;">@investor</span>.<span style="color:#9900CC;">new_record</span>? <span style="color:#006600; font-weight:bold;">%&gt;</span>
    <span style="color:#006600; font-weight:bold;">&lt;%</span>= f.<span style="color:#9900CC;">text_field</span> <span style="color:#ff3333; font-weight:bold;">:date_of_birth</span>, <span style="color:#ff3333; font-weight:bold;">:class</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">&quot;smallInput&quot;</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">else</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
    <span style="color:#006600; font-weight:bold;">&lt;%</span>= f.<span style="color:#9900CC;">text_field</span> <span style="color:#ff3333; font-weight:bold;">:date_of_birth</span>, <span style="color:#ff3333; font-weight:bold;">:value</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> l<span style="color:#006600; font-weight:bold;">&#40;</span>@investor.<span style="color:#9900CC;">date_of_birth</span>, <span style="color:#ff3333; font-weight:bold;">:format</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#ff3333; font-weight:bold;">:default</span><span style="color:#006600; font-weight:bold;">&#41;</span>, <span style="color:#ff3333; font-weight:bold;">:class</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">&quot;smallInput&quot;</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
  <span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">end</span> <span style="color:#006600; font-weight:bold;">%&gt;</span>
<span style="color:#006600; font-weight:bold;">&lt;%</span> <span style="color:#9966CC; font-weight:bold;">end</span> <span style="color:#006600; font-weight:bold;">%&gt;</span></pre></div></div>

<p>Caso exista o registro é realizado a conversão para exibir a data corretamente no formulário, não é necessário fazer conversão para salvar no banco de dados, o Rails já faz isso automaticamente.</p>
<p>Se você gostou desse texto e acha que ajudou você, me recomende: <a href="http://www.workingwithrails.com/recommendation/new/person/15479-patrick-espake"><img src="http://workingwithrails.com/images/tools/compact-small-button.jpg" alt="Recommend Me" /></a>.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://blog.patrickespake.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.patrickespake.com/2009/11/09/ruby-on-rails-conversao-de-datas-com-i18n/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
