码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-datetimepicker时间控件

时间:2017-07-26 12:40:58      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:com   orm   val   href   java   ati   官网   .com   php   

官网:

http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

引用的js以及css:

<link rel="stylesheet" type="text/css" href="/static/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="/static/js/bootstrap-datetimepicker.fr.js"></script>
<script type="text/javascript" src="/static/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap-datetimepicker.zh-CN.js"></script>

显示插件的dom元素

   <div class="martb5">
          <label>
             <input type="radio" name="pro[STATUS]" value="2"<?php if($proArr[base][PRO_STATUS] == 2) echo  checked;?>/>指定时间</label>
             <input size="16" class="form-control" type="text" value="<?php echo date(‘Y-m-d H:i:s‘,time());?>" readonly id="form_datetime">
 </div>

实例化:

<script type="text/javascript">
    $("#form_datetime").datetimepicker({
        format: yyyy-mm-dd hh:ii,
        startDate:"<?php echo date(‘Y-m-d H:i:s‘,time());?>",
        todayHighlight:true,
        language:zh-CN,
        autoclose:true
    });
</script>

 

bootstrap-datetimepicker时间控件

标签:com   orm   val   href   java   ati   官网   .com   php   

原文地址:http://www.cnblogs.com/xuweiqiang/p/7238897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!