1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <meta charset="UTF-8">
|
5 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
6 | <title>Title</title>
|
7 | <link rel="stylesheet" href="//design.yonyoucloud.com/static/uploader/css/webuploader.css">
|
8 | <link rel="stylesheet" href="//design.yonyoucloud.com/static/uui/latest/css/font-awesome.css">
|
9 | <link rel="stylesheet" type="text/css" href="//design.yonyoucloud.com/static/uui/latest/css/u.css">
|
10 | <link rel="stylesheet" type="text/css" href="//design.yonyoucloud.com/static/uui/latest/css/tree.css">
|
11 | <link rel="stylesheet" type="text/css" href="//design.yonyoucloud.com/static/uui/latest/css/grid.css">
|
12 | <style id="demo-style" media="screen">
|
13 | </style>
|
14 | </head>
|
15 | <body style="background-color: #eceff1;margin-left: 20px;width: calc(100% - 20px );">
|
16 |
|
17 | <div id="demo2">
|
18 | <div class='u-datepicker' u-meta='{"id":"date1","type":"u-date","data":"dt2","field":"f2"}'>
|
19 | <input class="u-input" type="text">
|
20 | </div>
|
21 | <div class='u-datepicker' u-meta='{"id":"datetime2","type":"u-date","data":"dt2","field":"f3"}'>
|
22 | <input class="u-input" type="text">
|
23 | <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
|
24 | </span>
|
25 | </div>
|
26 | </div><script src="//design.yonyoucloud.com/static/jquery/jquery-1.11.2.js"></script>
|
27 | <script src="//design.yonyoucloud.com/static/uploader/js/webuploader.js"></script>
|
28 | <script src="//design.yonyoucloud.com/static/knockout/knockout-3.2.0.debug.js"></script>
|
29 | <script src="//design.yonyoucloud.com/static/uui/latest/js/u-polyfill.js"></script>
|
30 | <script src="//design.yonyoucloud.com/static/uui/latest/js/u.js"></script>
|
31 | <script src="//design.yonyoucloud.com/static/uui/latest/js/u-tree.js"></script>
|
32 | <script src="//design.yonyoucloud.com/static/uui/latest/js/u-grid.js"></script>
|
33 | <script src="//design.yonyoucloud.com/static/requirejs/require.debug.js"></script>
|
34 | <script>
|
35 |
|
36 | var app, viewModel2;
|
37 | viewModel2 = {
|
38 | dt2: new u.DataTable({
|
39 | meta: {
|
40 | f2: {
|
41 | type:'date',
|
42 | format:'YYYY-MM-DD'
|
43 | },
|
44 | f3: {
|
45 | type:'date',
|
46 | format:'YYYY/MM/DD'
|
47 | }
|
48 | }
|
49 | })
|
50 | }
|
51 |
|
52 | app = u.createApp({
|
53 | el: '#demo2',
|
54 | model: viewModel2
|
55 | });
|
56 |
|
57 | var r = viewModel2.dt2.createEmptyRow();
|
58 | r.setValue('f2', "2016-6-30 12:13:22");
|
59 | r.setValue('f3', "2016-2-13 4:58:58");
|
60 |
|
61 | </script>
|
62 | </body>
|
63 | </html>
|