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

[Laravel] 日付入力にjQuery UIのDatepickerを使う

2015年12月31日| @84kure| 2:14 PM

Categories:

Laravel

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

// 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() !!}

参考サイト

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