69 lines
1.8 KiB
HTML
69 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<title>测试1</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<link href="../../css/base.min.css" rel="stylesheet">
|
|
<style>
|
|
.do-mod-test {width:800px;height:100px;margin:30px;padding:30px;border:1px solid #ddd;}
|
|
.do-mod-test section {float:left;;;;width:35%;height:35px;margin:0 3%;line-height:35px;}
|
|
.do-mod-test section:nth-child(2) {border:1px solid #ddd;}
|
|
.do-mod-test section .label {float:left;width:35%;height:35px;text-align:center;}
|
|
.do-mod-test section .date {float:left;width:65%;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="do-mod-test" ms-controller="test">
|
|
|
|
<section>
|
|
<span class="label">示例1:</span>
|
|
<do:datepicker config="dp" duplex="test.ex1" border="1" class="date" radius="3"></do:datepicker>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<span class="label">示例2:</span>
|
|
<do:datepicker config="dp" duplex="test.ex2" border="0" show-time="true" class="date"></do:datepicker>
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script src="../../avalon.modern.min.js"></script>
|
|
<script>
|
|
;(function(av){
|
|
|
|
require(['./datepicker/doui.datepicker'], function(){
|
|
|
|
|
|
var test = av.define({
|
|
$id: 'test',
|
|
ex1: '2016-01-02',
|
|
ex2: '2015-12-06 20:22:12',
|
|
dp: {
|
|
callback: function(d){
|
|
console.log(d)
|
|
},
|
|
maxDate: '2017-02-05',
|
|
format: 'Y 第W周'
|
|
}
|
|
});
|
|
|
|
av.scan()
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
})(avalon)
|
|
</script>
|
|
</body>
|
|
</html> |
JavaScript
95.2%
CSS
4.8%