How to use datetimepicker in Laravel using laravelcollective



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








1















Good day to all
I was creating a Laravel project and I was wondering how to put and use datetimepicker in the view if possible with laravelcollective if not please suggest something. I have used form::date but creates a simple textbox which is inappropriate. The code I ams using now:



Form::date('DateOfProduction', CarbonCarbon::now(), ['class'=>'form-control','style' => 'max-width: 200px'])









share|improve this question



















  • 1





    Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

    – R. Chappell
    Aug 22 '18 at 13:57











  • @R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

    – Mirich
    Aug 22 '18 at 14:05











  • You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

    – R. Chappell
    Aug 22 '18 at 14:11











  • @R.Chappell, ok thanks for your advice :)

    – Mirich
    Aug 22 '18 at 14:14

















1















Good day to all
I was creating a Laravel project and I was wondering how to put and use datetimepicker in the view if possible with laravelcollective if not please suggest something. I have used form::date but creates a simple textbox which is inappropriate. The code I ams using now:



Form::date('DateOfProduction', CarbonCarbon::now(), ['class'=>'form-control','style' => 'max-width: 200px'])









share|improve this question



















  • 1





    Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

    – R. Chappell
    Aug 22 '18 at 13:57











  • @R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

    – Mirich
    Aug 22 '18 at 14:05











  • You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

    – R. Chappell
    Aug 22 '18 at 14:11











  • @R.Chappell, ok thanks for your advice :)

    – Mirich
    Aug 22 '18 at 14:14













1












1








1








Good day to all
I was creating a Laravel project and I was wondering how to put and use datetimepicker in the view if possible with laravelcollective if not please suggest something. I have used form::date but creates a simple textbox which is inappropriate. The code I ams using now:



Form::date('DateOfProduction', CarbonCarbon::now(), ['class'=>'form-control','style' => 'max-width: 200px'])









share|improve this question
















Good day to all
I was creating a Laravel project and I was wondering how to put and use datetimepicker in the view if possible with laravelcollective if not please suggest something. I have used form::date but creates a simple textbox which is inappropriate. The code I ams using now:



Form::date('DateOfProduction', CarbonCarbon::now(), ['class'=>'form-control','style' => 'max-width: 200px'])






php laravel






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Aug 22 '18 at 17:07







Mirich

















asked Aug 22 '18 at 13:47









MirichMirich

11111




11111







  • 1





    Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

    – R. Chappell
    Aug 22 '18 at 13:57











  • @R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

    – Mirich
    Aug 22 '18 at 14:05











  • You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

    – R. Chappell
    Aug 22 '18 at 14:11











  • @R.Chappell, ok thanks for your advice :)

    – Mirich
    Aug 22 '18 at 14:14












  • 1





    Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

    – R. Chappell
    Aug 22 '18 at 13:57











  • @R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

    – Mirich
    Aug 22 '18 at 14:05











  • You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

    – R. Chappell
    Aug 22 '18 at 14:11











  • @R.Chappell, ok thanks for your advice :)

    – Mirich
    Aug 22 '18 at 14:14







1




1





Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

– R. Chappell
Aug 22 '18 at 13:57





Do you expect to see a HTML5 date picker or a custom date picker using a JavaScript library?

– R. Chappell
Aug 22 '18 at 13:57













@R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

– Mirich
Aug 22 '18 at 14:05





@R.Chappell, I am quite new to Laravel and web development and I was using laravelcollective for all my fields to be, you know, consistent. I just need to ensure that there are datetimepicker allowing a user to pick date of production. What can you suggest as an expert how mostly datetimepickers are used in Laravel. Thank you for your attention :)

– Mirich
Aug 22 '18 at 14:05













You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

– R. Chappell
Aug 22 '18 at 14:11





You could use JavaScript to add a date picker of your choice to the field. This is most likely the easiest route. Or you can create a macro to build your own form field to provide the browsers built in date picker.

– R. Chappell
Aug 22 '18 at 14:11













@R.Chappell, ok thanks for your advice :)

– Mirich
Aug 22 '18 at 14:14





@R.Chappell, ok thanks for your advice :)

– Mirich
Aug 22 '18 at 14:14












2 Answers
2






active

oldest

votes


















2














In your app blade template, you need to do is to include jquery and bootstrap datetimepicker before your javascript like



<script>
$(function()
$( "#your_datepicker_id" ).datepicker(
// dateFormat: 'dd/mm/yyyy',
dateFormat: 'd/m/Y',
changeMonth: true,
changeYear: true);
);
</script>


then in your blade template that extending app, inside the form do as below



!! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !! 

<div class="form-group">
!! Form::label('Uploading Date') !!
!! Form::text('date_of_upload',null, [
'class' => 'form-control',
'id' => 'your_datepicker_id',
]) !!

</div>
!! Form::close() !!


That's simple as that, hope that helps






share|improve this answer
































    0














    Include this in your head



    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    in your footer



    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <script>
    $(function()
    $( "#datepicker" ).datepicker();
    );
    </script>


    and your input



     Form::text('date', '', array('id' => 'datepicker')) 





    share|improve this answer























      Your Answer






      StackExchange.ifUsing("editor", function ()
      StackExchange.using("externalEditor", function ()
      StackExchange.using("snippets", function ()
      StackExchange.snippets.init();
      );
      );
      , "code-snippets");

      StackExchange.ready(function()
      var channelOptions =
      tags: "".split(" "),
      id: "1"
      ;
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function()
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled)
      StackExchange.using("snippets", function()
      createEditor();
      );

      else
      createEditor();

      );

      function createEditor()
      StackExchange.prepareEditor(
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: true,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader:
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      ,
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      );



      );













      draft saved

      draft discarded


















      StackExchange.ready(
      function ()
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51968355%2fhow-to-use-datetimepicker-in-laravel-using-laravelcollective%23new-answer', 'question_page');

      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      2














      In your app blade template, you need to do is to include jquery and bootstrap datetimepicker before your javascript like



      <script>
      $(function()
      $( "#your_datepicker_id" ).datepicker(
      // dateFormat: 'dd/mm/yyyy',
      dateFormat: 'd/m/Y',
      changeMonth: true,
      changeYear: true);
      );
      </script>


      then in your blade template that extending app, inside the form do as below



      !! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !! 

      <div class="form-group">
      !! Form::label('Uploading Date') !!
      !! Form::text('date_of_upload',null, [
      'class' => 'form-control',
      'id' => 'your_datepicker_id',
      ]) !!

      </div>
      !! Form::close() !!


      That's simple as that, hope that helps






      share|improve this answer





























        2














        In your app blade template, you need to do is to include jquery and bootstrap datetimepicker before your javascript like



        <script>
        $(function()
        $( "#your_datepicker_id" ).datepicker(
        // dateFormat: 'dd/mm/yyyy',
        dateFormat: 'd/m/Y',
        changeMonth: true,
        changeYear: true);
        );
        </script>


        then in your blade template that extending app, inside the form do as below



        !! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !! 

        <div class="form-group">
        !! Form::label('Uploading Date') !!
        !! Form::text('date_of_upload',null, [
        'class' => 'form-control',
        'id' => 'your_datepicker_id',
        ]) !!

        </div>
        !! Form::close() !!


        That's simple as that, hope that helps






        share|improve this answer



























          2












          2








          2







          In your app blade template, you need to do is to include jquery and bootstrap datetimepicker before your javascript like



          <script>
          $(function()
          $( "#your_datepicker_id" ).datepicker(
          // dateFormat: 'dd/mm/yyyy',
          dateFormat: 'd/m/Y',
          changeMonth: true,
          changeYear: true);
          );
          </script>


          then in your blade template that extending app, inside the form do as below



          !! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !! 

          <div class="form-group">
          !! Form::label('Uploading Date') !!
          !! Form::text('date_of_upload',null, [
          'class' => 'form-control',
          'id' => 'your_datepicker_id',
          ]) !!

          </div>
          !! Form::close() !!


          That's simple as that, hope that helps






          share|improve this answer















          In your app blade template, you need to do is to include jquery and bootstrap datetimepicker before your javascript like



          <script>
          $(function()
          $( "#your_datepicker_id" ).datepicker(
          // dateFormat: 'dd/mm/yyyy',
          dateFormat: 'd/m/Y',
          changeMonth: true,
          changeYear: true);
          );
          </script>


          then in your blade template that extending app, inside the form do as below



          !! Form::open(['route'=>'some-of-your-post-function', 'method'=>'POST', 'files'=>'true','class'=>'form']) !! 

          <div class="form-group">
          !! Form::label('Uploading Date') !!
          !! Form::text('date_of_upload',null, [
          'class' => 'form-control',
          'id' => 'your_datepicker_id',
          ]) !!

          </div>
          !! Form::close() !!


          That's simple as that, hope that helps







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Aug 23 '18 at 2:16

























          answered Aug 22 '18 at 15:41









          afikriafikri

          10417




          10417























              0














              Include this in your head



              <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
              in your footer



              <script src="//code.jquery.com/jquery-1.10.2.js"></script>
              <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
              <script>
              $(function()
              $( "#datepicker" ).datepicker();
              );
              </script>


              and your input



               Form::text('date', '', array('id' => 'datepicker')) 





              share|improve this answer



























                0














                Include this in your head



                <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
                in your footer



                <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
                <script>
                $(function()
                $( "#datepicker" ).datepicker();
                );
                </script>


                and your input



                 Form::text('date', '', array('id' => 'datepicker')) 





                share|improve this answer

























                  0












                  0








                  0







                  Include this in your head



                  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
                  in your footer



                  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
                  <script>
                  $(function()
                  $( "#datepicker" ).datepicker();
                  );
                  </script>


                  and your input



                   Form::text('date', '', array('id' => 'datepicker')) 





                  share|improve this answer













                  Include this in your head



                  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
                  in your footer



                  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
                  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
                  <script>
                  $(function()
                  $( "#datepicker" ).datepicker();
                  );
                  </script>


                  and your input



                   Form::text('date', '', array('id' => 'datepicker')) 






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 14 '18 at 11:26









                  ShaltoShalto

                  3717




                  3717



























                      draft saved

                      draft discarded
















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid


                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.

                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function ()
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f51968355%2fhow-to-use-datetimepicker-in-laravel-using-laravelcollective%23new-answer', 'question_page');

                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

                      Edmonton

                      Crossroads (UK TV series)