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;
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
add a comment |
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
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
add a comment |
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
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
php laravel
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
add a comment |
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
add a comment |
2 Answers
2
active
oldest
votes
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
add a comment |
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'))
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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
add a comment |
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
add a comment |
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
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
edited Aug 23 '18 at 2:16
answered Aug 22 '18 at 15:41
afikriafikri
10417
10417
add a comment |
add a comment |
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'))
add a comment |
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'))
add a comment |
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'))
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'))
answered Nov 14 '18 at 11:26
ShaltoShalto
3717
3717
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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