12

私のアプリケーションでは、ユーザー 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

必要な結果のスクリーンショット:

スクリーンショット

4

5 に答える 5

10

クレジット カードの有効期限の例:

$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">&#47;</span> {{ year }}'}) }}

上書きdate_patternすると、日の選択が非表示になります。月/年の形式を取得します。

于 2013-11-09T14:09:21.563 に答える
9

非常にシンプルで、日時には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' } }
        ) 
}}
于 2012-05-01T14:32:59.930 に答える
5

このような問題を解決できるカスタムフォームタイプに取り組んでいます。ソリューションは、@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 バンドルを登録して、このタイプを使用できます (次のメジャー リリースで利用可能になります)。

于 2014-05-30T09:21:07.797 に答える
5

@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) }}

参考文献:

于 2014-03-24T14:18:59.900 に答える
0

ドロップダウンではなく、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';
    }
}

そして結果：

ここに画像の説明を入力

于 2016-01-05T12:53:50.870 に答える