jQuery插件——datetimepicker（时间控件）

最新推荐文章于 2022-08-18 19:06:42 发布

choutanzu3300

最新推荐文章于 2022-08-18 19:06:42 发布

阅读量304

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2441574/blog/495991

版权

                            <div class="form-group">                        
                               <label class="col-xs-3 col-sm-3 control-label">
                                   开始时间
                                  </label>
                                    <div class="col-xs-9 col-sm-9">
                                    <input readonly type=text class="form-control" name="createdate" id="createdate_start" />
                                    </div>
                                </div>

//需要引入的js、css文件
<link href="<%=path%>/style/css/datetimepicker.css" rel="stylesheet" type="text/css" /> 
    <script src="<%=path%>/style/js/date/datetimepicker.min.js" type="text/javascript"></script>
        <script src="<%=path%>/style/js/date/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="UTF-8"></script>



 $('#createdate_start').datetimepicker({
                 
                // pickerPosition:"top-right", //日期框显示位置     top-right,top-left,bottom-right(默认),bottom-left,
                 format:'yyyy-MM-dd hh:ii:ss',//日期 格式 yyyy-MM-dd(默认),yyyy-MM-dd hh:mi,yyyy-MM-dd hh:ii:ss,yyyy-MM
                //todayBtn: 1,        //是否显示当前日期按钮,默认显示
                //autoclose: 1,       //是否自动关闭,默认关闭
                //todayHighlight: 1,  //当前日期是否高亮显示,默认显示
                //inputMask: true,
                //startDate:new Date(), //起始可选日期 setPickerDate('5d'),参数包括d,m,y(如:-2d,3m,1y) ,默认无限制
                // endDate:setPickerDate('1m'), //结束可选日期范围,默认无限制
                // startView:2, //0-4; 初始展示页面  0:显示小时,1:显示上下午,2:显示月日,3:月份,4:10年年份                      
                minView:0, //0-4 日期选择出现的选择页面对应startview的值
                
             })

转载于:https://my.oschina.net/u/2441574/blog/495991