<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery选择日期时间下拉框代码 - 【更多源码:www.96flw.com】</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="title">leo vue components</div>
<div class="container" id="vue">
<div class="row1">
<column :title="'select'">
<row :name="'default select'"><leo-select :list="select.list1" :sel-obj="selObj" :sel-key="'s1'" @change="selC1"></leo-select></row>
<row :name="'default select'"><leo-select :list="select.list2" :li-type="2" :sel-obj="selObj" :sel-key="'s2'"></leo-select></row>
<row :name="'default select'"><leo-select :list="select.list3" :li-type="3" :sel-obj="selObj" :sel-key="'s3'"></leo-select></row>
<div class="row row-console" >
<textarea v-model="selStr"></textarea>
</div>
</column>
<column :title="'datetime'">
<row :name="'default date'"><leo-date :sel-obj="dateObj" :sel-key="'d1'" @change="dateC1"></leo-date></row>
<row :name="'month date'"><leo-date :date-type="2" :sel-obj="dateObj" :sel-key="'d2'"></leo-date></row>
<row :name="'year date'"><leo-date :date-type="3" :sel-obj="dateObj" :sel-key="'d3'"></leo-date></row>
<row :name="'hh:mm time'"><leo-date :date-type="4" :sel-obj="dateObj" :sel-key="'d4'"></leo-date></row>
<row :name="'full time'"><leo-date :date-type="5" :sel-obj="dateObj" :sel-key="'d5'"></leo-date></row>
<div class="row row-console" >
<textarea v-model="dateStr"></textarea>
</div>
</column>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/components.js"></script>
<script type="text/javascript" src="js/leo-scroll.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>更多源码:<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>