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

My97DatePicker使用 、layDate 日期与时间组件

时间:2018-07-09 17:57:49      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:net   tns   选择器   picker   table   end   tar   layui   span   

 

一、My97DatePicker

官方:http://www.my97.net/

<head>
    <meta charset="UTF-8">
    <title>Bootstrap介绍</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
      <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
  
</head>
<body>
 
 <table>
 
                                    <tr>

                                        <td>
                                             <span title="">  时间范围start:</span>  
                                        </td>
                                        <td>
                                             <input name="startTime" type="text" id="startTime" class="form-control" onfocus="WdatePicker({dateFmt:‘yyyy/MM/dd‘,readOnly:true})" />
                                          
                                        </td>

                                          <td  >   <span title=""> 时间范围end:</span> 
                                         </td>
                                        <td>
                                            <input name="endTime" type="text" id="endTime" class="form-control"  onfocus="WdatePicker({dateFmt:‘yyyy/MM/dd‘,readOnly:true})"  />
                                        </td>
                                   
                                         <td   >
                                            <input type="submit" name="BtnSelect" value="查詢" id="BtnSelect" class=" btn-success" />
                                        </td>
                                          
                                    </tr>

 </table>
 

二、layDate 日期与时间组件

官方:http://www.layui.com/laydate/

1.引入:  <script src="/Scripts/laydate/laydate.js"></script>

2.使用:

<script type="text/javascript">
lay(‘#version‘).html(‘-v‘ + laydate.v);
//日期时间选择器
laydate.render({
elem: ‘#txtstart‘
, type: ‘datetime‘
});

laydate.render({
elem: ‘#txtend‘
, type: ‘datetime‘
});

</script>

  

My97DatePicker使用 、layDate 日期与时间组件

标签:net   tns   选择器   picker   table   end   tar   layui   span   

原文地址:https://www.cnblogs.com/July-/p/6438056.html

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