bootstrap 日期元件
阿新 • • 發佈:2018-11-07
<script src="../common/jquery/jquery-3.0.0.min.js"></script> <script src="../common/bootstrap/js/bootstrap-datetimepicker.min.js"></script> <script src="../common/bootstrap/dist/js/bootstrap.min.js"></script> <script src="../common/bootstrap/dist/js/bootstrap-datetimepicker.zh-CN.js"></script> <link rel="stylesheet" href="../../common/bootstrap/dist/css/bootstrapdatetimepicker.min.css" /> <div class="col-sm-3"> <div class="form-group"> <label for="inputPassword3" class="col-sm-3 control-label"><font style="vertical-align: inherit;">曝光日期</font></label> <div class="col-sm-4"> <input type="text" id="datetimeStart" class="form-control input-sm pull-left form_datetime" placeholder="" id="datetimeStart"> </div> <div style="float: left;line-height: 31px;;position: relative;">-</div> <div class="col-sm-4"> <input type="text" id="datetimeEnd" class="form-control input-sm pull-left form_datetime" placeholder="" id="datetimeEnd"> </div> </div> </div> $("#datetimeStart").datetimepicker({ format: 'yyyy-mm-dd', minView:'month', language: 'zh-CN', autoclose:true, //startDate:new Date() }).on("click",function(){ $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val()) }); $("#datetimeEnd").datetimepicker({ format: 'yyyy-mm-dd', minView:'month', language: 'zh-CN', autoclose:true, // startDate:new Date() }).on("click",function(){ $("#datetimeEnd").datetimepicker("setStartDate",$("#datetimeStart").val()) });
根據下面地址 去下載元件https://download.csdn.net/download/qq_29072049/10664402