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

 

一、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" οnfοcus="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"  οnfοcus="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>

  

转载于:https://www.cnblogs.com/July-/p/6438056.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值