2017-03-04 15 views

答えて

1

私は通常、その問題を解決するためにbootstrap-datepickerライブラリを使用しています。

例のコードは次のようになります。

//Controller 
$form = $this->createFormBuilder() 
    ->setMethod('POST') 
    ->setAction($this->generateUrl('homepage')) 
    ->add('invoiceDate', DateType::class, [ 
     'label'=>'invoice_date', 
     'widget'=>'single_text', 
     'required'=>true, 
    ]) 
    ->getForm() 
; 
//... 
return $this->render('default/index.html.twig', ['form'=>$form->createView()]); 

// base.html.twig 
{% block stylesheets %} 
    <link rel="stylesheet" href="{{asset('bootstrap/dist/css/bootstrap.min.css')}}"> 
    <link rel="stylesheet" href="{{asset('bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}"> 
{% endblock %} 
//... 
<body> 
    //... 
    {% block javascripts %} 
     <script src="{{asset('jquery/dist/jquery.min.js')}}"></script> 
     <script src="{{asset('bootstrap/dist/js/bootstrap.min.js')}}"></script> 
     <script src="{{asset('bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script> 
    {% endblock %} 
</body> 

// default/index.html.twig 
{% extends 'base.html.twig' %} 

{% block body %} 
    {{form_start(form)}} 
     {{form_row(form.invoiceDate, { attr:{ class:'js-datepicker' } })}} 
    {{form_end(form)}} 
{% endblock %} 

{% block javascripts %} 
    {{parent()}} 
    <script> 
     $('.js-datepicker').datepicker({ 
      format:'yyyy.MM.dd' 
     }); 
    </script> 
{% endblock %} 
+0

私はshuba.ivan @私の質問 –

+0

を更新し、私はその 'format'プロパティについてだと思います。それをenywhereから削除しようとすると、うまくいくと思います。次に、ステップごとにフォーマットを追加し、必要なフォーマットをどのように入手できるかを確認します。 –

+0

はい、私は '' format '=>' dd.MM.yyyy 'という形式で変更しました。 –

関連する問題