mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
47 lines
885 B
Vue
47 lines
885 B
Vue
<template>
|
|
<div class="n-doc-section">
|
|
<div class="n-doc-section__header">
|
|
DateTime Range
|
|
</div>
|
|
<div
|
|
class="n-doc-section__view"
|
|
style="flex-wrap: wrap;"
|
|
>
|
|
<!--EXAMPLE_START-->
|
|
<n-date-picker
|
|
v-model="range1"
|
|
type="datetimerange"
|
|
style="margin-bottom: 12px;"
|
|
/>
|
|
<!--EXAMPLE_END-->
|
|
</div>
|
|
<pre class="n-doc-section__inspect">range1 v-model: {{ JSON.stringify(range1) }}
|
|
range2 v-model: {{ JSON.stringify(range2) }}
|
|
range3 v-model: {{ JSON.stringify(range3) }}</pre>
|
|
<pre>
|
|
<!--SOURCE-->
|
|
</pre>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
/*
|
|
* padding
|
|
* padding
|
|
* padding
|
|
* padding
|
|
* padding
|
|
*/
|
|
export default {
|
|
data () {
|
|
return {
|
|
range1: null,
|
|
range2: [1562774466000, 1567180866000],
|
|
range3: [1562774400000, 1567180800000]
|
|
}
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|