<script> //bootstrap-日历控件js $(function () { $('#datetimepicker1').datetimepicker({ language: 'zh-CN',//显示中文 format: 'yyyy-mm-dd ',//显示格式 minView: "month",//设置只显示到月份 initialDate: new Date(),//初始化当前日期 autoclose: true,//选中自动关闭 todayBtn: true//显示今日按钮 }); $('#datetimepicker2').datetimepicker({ language: 'zh-CN',//显示中文 format: 'yyyy-mm-dd',//显示格式 minView: "month",//设置只显示到月份 initialDate: new Date(),//初始化当前日期 autoclose: true,//选中自动关闭 todayBtn: true//显示今日按钮 }); });
<p class="blinfo"><span>添加日期</span><br> <div class='input-group date' id='datetimepicker2'> <input type='text' class="form-control" name="add_time" value="{{ $goods->created_at}}"/> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </p>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <script src="{{asset('/js/jquery-3.2.1.min.js')}}"></script> <script src="{{asset('/js/moment-with-locales.min.js')}}"></script> <script src="{{asset('/js/bootstrap-datetimepicker.js')}}"></script> <link rel="stylesheet" href="{{asset('/css/bootstrap-datetimepicker.min.css')}}"> <script src="{{asset('/js/bootstrap-datetimepicker.zh-CN.js')}}"></script> <script src="{{asset('/js/jquery-form.js')}}"></script> {{--<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->--}} <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"