demo 原始链接:https://vux.li/demos/v2/#/component/datetime-range
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div>\n <group :title=\"value[0] + ' ' + value[1] + ':' + value[2]\">\n <datetime-range :title=\"$t('Choose')\" start-date=\"2017-01-01\" end-date=\"2017-02-02\" :format=\"$t('daterange-format')\" v-model=\"value\" @on-change=\"onChange\"></datetime-range>\n </group>\n </div>\n</template>\n\n\n\n<script>\nimport { Group, DatetimeRange } from 'vux'\n\nexport default {\n components: {\n Group,\n DatetimeRange\n },\n methods: {\n onChange (val) {\n console.log('change', val)\n }\n },\n data () {\n return {\n value: ['2017-01-15', '03', '05']\n }\n }\n}\n</script>\n\n
\n