私のアプリケーションでは、ユーザー hsa は 2 つのドロップダウン リストで月と年を選択するだけで日付を指定します。どうすればそれを達成できますか？
これが私がこれまでに試したことです：
私のフォームで：
$builder->add('date1', 'date', array(
'widget' => 'choice',
'empty_value' => '',
'format' => 'MMMM-yyyy',
'input' => 'datetime',
'years' => range(date('Y'), date('Y') - 30, -1)
)
これは実際には機能し、希望どおりに表示されますが、フォームを検証するとエラーが発生します:
This value is not valid
必要な結果のスクリーンショット:
クレジット カードの有効期限の例:
$builder->add('expirationDate', 'date', array(
'label' => 'Expiration date',
'widget' => 'choice',
'empty_value' => array('year' => 'Year', 'month' => 'Month', 'day' => 'Day'),
'format' => 'dd-MM-yyyy',
'input' => 'string',
'data' => date('Y-m-d'),
'years' => range(date('Y'), date('Y') + 10),
));
次に、このフィールドを手動でレンダリングする必要があります。
フォームの小枝テンプレート:
{{ form_row(form.expirationDate, {'date_pattern': '<span style="display: none;">{{ day }}</span> {{ month }} <span class="delim">/</span> {{ year }}'}) }}
上書きdate_patternすると、日の選択が非表示になります。月/年の形式を取得します。
非常にシンプルで、日時には1日が必要です。
次のような日を出力する必要があります。
->add(
'ccExpirationDate',
'date',
array(
'format' => 'MMM-yyyy',
'years' => range(date('Y'), date('Y')+12),
'days' => array(1),
'empty_value' => array('year' => '----', 'month' => '----', 'day' => false)
)
)
小枝：
{{
form_widget(
form.payment.ccExpirationDate.day,
{
'attr': { 'style': 'display:none' } }
)
}}
このような問題を解決できるカスタムフォームタイプに取り組んでいます。ソリューションは、@oleg-andreyev が提案したものに基づいています。フォーム タイプにラップされたロジック。
使用法：
<?php
$builder->add('exp_date', 'payum_credit_card_expiration_date');
フォーム タイプ コード:
<?php
namespace Payum\Bundle\PayumBundle\Form\Type;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormInterface;
use Symfony\Component\Form\FormView;
use Symfony\Component\OptionsResolver\OptionsResolverInterface;
class CreditCardExpirationDateType extends AbstractType
{
public function finishView(FormView $view, FormInterface $form, array $options)
{
if ('choice' == $options['widget']) {
if (empty($view['day']->vars['value'])) {
$view['day']->vars['value'] = $view['day']->vars['choices'][0]->value;
}
$style = 'display:none';
if (false == empty($view['day']->vars['attr']['style'])) {
$style = $view['day']->vars['attr']['style'].'; '.$style;
}
$view['day']->vars['attr']['style'] = $style;
}
}
public function setDefaultOptions(OptionsResolverInterface $resolver)
{
$resolver->replaceDefaults(array(
'years' => range(date('Y'), date('Y') + 9)
));
}
public function getParent()
{
return 'date';
}
public function getName()
{
return 'payum_credit_card_expiration_date';
}
}
それをコピーして貼り付けるか、payum バンドルを登録して、このタイプを使用できます (次のメジャー リリースで利用可能になります)。
@Olegは正解にかなり近かった。DateTime が確実に 1 日になるようにするには、ビュー トランスフォーマーを使用する必要があります。
/* In your formType.php */
$builder->add(
$builder->create('date1', 'date', array(
'format' => 'MMMM-yyyyd', // you need to have 'y', 'M' and 'd' here
'years' => range(date('Y'), date('Y') - 30, -1)
))
->addViewTransformer(new IncompleteDateTransformer()));
)
トランスフォーマーを作成します。
class IncompleteDateTransformer implements DataTransformerInterface
{
/**
* Do nothing when transforming from norm -> view
*/
public function transform($object)
{
return $object;
}
/**
* If some components of the date is missing we'll add those.
* This reverse transform will work when month and/or day is missing
*
*/
public function reverseTransform($date)
{
if (!is_array($date)) {
return $date;
}
if (empty($date['year'])) {
return $date;
}
if (empty($date['day'])) {
$date['day']=1;
}
if (empty($date['month'])) {
$date['month']=1;
}
return $date;
}
}
ファイル自体からカスタム フォーム テーマを使用する twig テンプレートを作成します。
{# example.html.twig #}
{% form_theme form _self %}
{% block date_widget %}
{% spaceless %}
{% if widget == 'single_text' %}
{{ block('field_widget') }}
{% else %}
<div {{ block('widget_container_attributes') }}>
<div class="datetime_widget">
{{ date_pattern|replace({
'{{ year }}': form_widget(form.year),
'{{ month }}': form_widget(form.month),
'{{ day }}': '',
})|raw }}
</div>
</div>
{% endif %}
{% endspaceless %}
{% endblock date_widget %}
<h2>Select a date</h2>
{{ form(form) }}
参考文献:
ドロップダウンではなく、bootstrap-datetimepickerを使用していsingle_textます。この日付までに注文しているので、データベースの別々のフィールドに月と年を保存するのは難しいでしょう。そのため、選択した月の最初の日を常に保存することにしました。私はDatetimepickerBundleを使用しています。私のカスタム フォーム タイプは次のようになります。
class MonthPickerType extends AbstractType
{
public function configureOptions(OptionsResolver $resolver)
{
$resolver->setDefaults(array(
'pickerOptions' => array(
'autoclose' => true,
'format' => 'mm/yyyy',
'startView' => 'year',
'minView' => 'year',
)
));
}
public function getParent()
{
return 'collot_datetime';
}
public function getName()
{
return 'month_picker';
}
}
そして結果：
