UNPKG

2.31 kBHTMLView Raw
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.yyuap.com/static/uploader/css/webuploader.css">
8<link rel="stylesheet" href="//design.yyuap.com/static/uui/latest/css/font-awesome.css">
9<link rel="stylesheet" type="text/css" href="//design.yyuap.com/static/uui/latest/css/u.css">
10<link rel="stylesheet" type="text/css" href="//design.yyuap.com/static/uui/latest/css/tree.css">
11<link rel="stylesheet" type="text/css" href="//design.yyuap.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<!-- HTML -->
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.yyuap.com/static/jquery/jquery-1.11.2.js"></script>
27<script src="//design.yyuap.com/static/uploader/js/webuploader.js"></script>
28<script src="//design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
29<script src="//design.yyuap.com/static/uui/latest/js/u-polyfill.js"></script>
30<script src="//design.yyuap.com/static/uui/latest/js/u.js"></script>
31<script src="//design.yyuap.com/static/uui/latest/js/u-tree.js"></script>
32<script src="//design.yyuap.com/static/uui/latest/js/u-grid.js"></script>
33<script src="//design.yyuap.com/static/requirejs/require.debug.js"></script>
34<script>
35// JS
36var app, viewModel2;
37viewModel2 = {
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
52app = u.createApp({
53 el: '#demo2',
54 model: viewModel2
55});
56
57var r = viewModel2.dt2.createEmptyRow();
58r.setValue('f2', "2016-6-30 12:13:22");
59r.setValue('f3', "2016-2-13 4:58:58");
60
61</script>
62</body>
63</html>