Add datepicker to transactions form

ctessier · Mar 8, 2016 · d51f4fc · d51f4fc
1 parent 74fa6b5
commit d51f4fc
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 2 deletions.
diff --git a/public/css/jquery-ui.min.css b/public/css/jquery-ui.min.css
diff --git a/public/js/common.js b/public/js/common.js
@@ -3,6 +3,7 @@
         initAjaxForms();
         initAjaxLightbox();
         initTabs();
+        initDateFields();
         $('form').attr('novalidate', 'novalidate');
     });
 }(window.jQuery, window, document));
@@ -221,6 +222,8 @@ function initAjaxLightbox() {
             window.scrollTo(0, 0);
             linkElement.removeClass('loading');
             opened = true;
+
+            initDateFields();
         });
     }
 
@@ -235,3 +238,9 @@ function initAjaxLightbox() {
     container.on('click', '*[data-lightbox-dismiss=true]', dismiss);
 
 }
+
+function initDateFields() {
+    $(".datepicker").datepicker({
+        dateFormat: 'yy-mm-dd'
+    });
+}
diff --git a/public/js/jquery-ui.min.js b/public/js/jquery-ui.min.js
diff --git a/resources/views/layouts/front.blade.php b/resources/views/layouts/front.blade.php
@@ -8,7 +8,9 @@
         <title>@yield('title') | Budgeck</title>
         <link rel="stylesheet" href="/css/foundation.min.css" />
         <link rel="stylesheet" href="/css/app.css" />
+        <link rel="stylesheet" href="/css/jquery-ui.min.css" />
         <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
+        <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
         <script type="text/javascript" src="/js/common.js"></script>
         @yield('head')
     </head>

diff --git a/resources/views/transactions/getEdit.blade.php b/resources/views/transactions/getEdit.blade.php
@@ -47,7 +47,7 @@
     <div class="columns large-6">
         <div class="form-group">
             {!! Form::label('transaction_date', 'Date de transaction') !!}
-            {!! Form::text('transaction_date', null, ['placeholder' => 'Date de transaction...']) !!}
+            {!! Form::text('transaction_date', null, ['placeholder' => 'Date de transaction...', 'class' => 'datepicker']) !!}
         </div>
     </div>
 </div>
@@ -61,7 +61,7 @@
     <div class="columns large-6">
         <div class="form-group">
             {!! Form::label('effective_date', 'Date effective') !!}
-            {!! Form::text('effective_date', null, ['placeholder' => 'Date effective...']) !!}
+            {!! Form::text('effective_date', null, ['placeholder' => 'Date effective...', 'class' => 'datepicker']) !!}
         </div>
     </div>
 </div>