一、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>