Datepicker and Laravel

Question

I'm trying to add a datepicker to my form and it drives me crazy, I tried everything I know, I've search for hours and all I got is nothing so first here is my blade code:

    <div class="form-group">
{{ Form::label('date', 'Date:') }}
{{ Form::text('date', $payment->date, array('class' => 'datepicker','id' => 'datepicker')) }}                           
</div>

<script type="text/javascript">
$(function () {
$( "#datepicker" ).datepicker({
todayHighlight: true,
autoclose: true,
});
    });
</script>

Second here is a picture that show us the white long space that I wont to remove.

I tried to edit the css file but as far as I get that the css file has nothing to do with this problem.. so please guys help me.

rooot_999 · Accepted Answer · 2017-03-25 01:05:26Z

6

so here is the fix for this problem guys:

$( "#datepicker" ).datepicker({
format: "mm/dd/yy",
weekStart: 0,
calendarWeeks: true,
autoclose: true,
todayHighlight: true,
rtl: true,
orientation: "auto"
});

the key is the ("dir") code thank you.

answered Mar 25, 2017 at 1:05

rooot_999

3662 gold badges3 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lewis4u · Accepted Answer · 2017-03-24 23:12:00Z

2

This is how i use that datepicker with bootstrap:

<link href="/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

{!! Form::label('date', 'Date: ' ) !!}
<div class="form-group input-group date">
    {!! Form::text('date', null, ['class' => 'form-control']) !!}
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>


<script src="/js/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker.min.js"></script>
<script>
    $function(){
        $(.date).datetimepicker({
    });
</script>

Maybe you are using wrong datetimepicker. This is the one i am using:

https://eonasdan.github.io/bootstrap-datetimepicker/

edited Mar 24, 2017 at 23:12

answered Mar 24, 2017 at 21:45

lewis4u

15.3k22 gold badges116 silver badges161 bronze badges

2 Comments

rooot_999 Over a year ago

still not working, after some search I found out that this issue caused by Arabic language, so I'll try again

lewis4u Over a year ago

and this github.com/Eonasdan/bootstrap-datetimepicker/issues/1541

Collectives™ on Stack Overflow

Datepicker and Laravel

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related