[Laravel] 日付入力にjQuery UIのDatepickerを使う – 端くれプログラマの備忘録

よく使いそうなので覚え書き。

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

// JS
<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({ dateFormat: "yy-mm-dd" });
});
</script>   

// HTML
{!! Form::open() !!}
.....
<div class="form-group">
    {!! Form::label('published_at', 'Published On:', ['class' => 'control-label']) !!}
    {!! Form::text('published_at', date('Y-m-d'), ['id' => 'datepicker']) !!}   
</div>
{!! Form::submit('Create', ['class' => 'btn btn-primary']) !!}
{!! Form::close() !!}

// CSS

// JS

$(function() {

$( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" });

});

</script>

// HTML

{!! Form::open() !!}

.....

{!! Form::label('published_at', 'Published On:', ['class' => 'control-label']) !!}

{!! Form::text('published_at', date('Y-m-d'), ['id' => 'datepicker']) !!}

</div>

{!! Form::submit('Create', ['class' => 'btn btn-primary']) !!}

{!! Form::close() !!}

参考サイト

A Date picker
https://laracasts.com/discuss/channels/general-discussion/a-date-picker

参考サイト

関連記事