一款日期外掛，不要忘了最後的APP.init js外掛去找含有date的
阿新 • • 發佈：2019-02-05
<!DOCTYPE html> <html lang="cn" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{baseui/head :: head}"> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="shortcut icon" href="/webjars/images/favicon.png"/> <link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all"> <title>牧中畜牧業大資料智慧雲平臺V1.0</title> </head> <body> <div class="wrapper wrapper-content"> <div class="main"> <div class="main-inner"> <div class="content"> <div class="form-group"> <label class="col-sm-3 control-label" for="depict">計劃開始時間</label> <div class="col-sm-2"> <div class="input-group date datetime col-md-5 col-xs-7"data-min-view="2" data-date-format="yyyy-mm-dd"> <input id="time1" class="form-control" style="width: 90px;" size="16" type="text" value="" placeholder="日期" readonly> <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span> </div> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label" for="depict">計劃結束時間</label> <div class="col-sm-2"> <div class="input-group date datetime col-md-5 col-xs-7" data-min-view="2" data-date-format="yyyy-mm-dd"> <input id="time2" class="form-control" style="width: 90px;" size="16" type="text" value="" placeholder="日期" readonly> <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span> </div> </div> <br/> </div> </form>
<div class="col-sm-6"> <input class="col-sm-6 form-control layer-date" id="case_date" type="date" /> </div></div> </div> </div> </div></div></body><script type="text/javascript" src="/webjars/js/jquery.js"></script><script type="text/javascript" src="/webjars/js/jquery.nanoscroller/jquery.nanoscroller.js"></script><script type="text/javascript" src="/webjars/js/behaviour/general.js"></script><script src="/webjars/js/jquery.ui/jquery-ui.js" type="text/javascript"></script><script type="text/javascript" src="/webjars/js/jquery.nestable/jquery.nestable.js"></script><script type="text/javascript" src="/webjars/js/bootstrap.switch/bootstrap-switch.min.js"></script><script type="text/javascript"src="/webjars/js/bootstrap.datetimepicker/js/bootstrap-datetimepicker.min.js"></script><script src="/webjars/js/jquery.select2/select2.min.js" type="text/javascript"></script><script src="/webjars/js/bootstrap.slider/js/bootstrap-slider.js" type="text/javascript"></script><script type="text/javascript" src="/webjars/js/jquery.niftymodals/js/jquery.modalEffects.js"></script><script type="text/javascript" src="/webjars/js/bootstrap.summernote/dist/summernote.min.js"></script><script type="text/javascript" src="/webjars/js/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script><script type="text/javascript" src="/webjars/js/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"></script><script type="text/javascript" src="/webjars/js/jquery.magnific-popup/dist/jquery.magnific-popup.min.js"></script><script src="/webjars/js/behaviour/voice-commands.js"></script><script src="/webjars/js/bootstrap/dist/js/bootstrap.min.js"></script><script type="text/ecmascript" src="/webjars/jqgrid/js/i18n/grid.locale-cn.js"></script><script type="text/ecmascript" src="/webjars/jqgrid/js/jquery.jqGrid.min.js"></script><script src="/webjars/js/layui/layui.js" charset="utf-8"></script><script src="//webapi.amap.com/maps?v=1.3&key=f17fce96ab2598a7b727b73c426498d8"></script><script src="//webapi.amap.com/ui/1.0/main.js"></script><script src="//cdn.bootcss.com/bootstrap-treeview/1.1.0/bootstrap-treeview.min.js"></script><script src="/webjars/js/laydate/laydate.js"></script><script src="/webjars/js/base.js"></script><script> $(document).ready(function () { App.init(); });</script></html>