My97DatePicker使用 layDate 日期与时间组件
Posted july-
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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" 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 日期与时间组件的主要内容，如果未能解决你的问题，请参考以下文章