代码拉取完成,页面将自动刷新
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[302],{
/***/ 708:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.prod.js
var vue_esm_browser_prod = __webpack_require__(0);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/zh-CN/datetime-picker.md?vue&type=template&id=bacbc614
const datetime_pickervue_type_template_id_bacbc614_hoisted_1 = {
class: "content element-doc"
};
const datetime_pickervue_type_template_id_bacbc614_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("DateTimePicker 日期时间选择器 ");
const datetime_pickervue_type_template_id_bacbc614_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "在同一个选择器里选择日期和时间", -1);
const datetime_pickervue_type_template_id_bacbc614_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", {
class: "tip"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "DateTimePicker 由 DatePicker 和 TimePicker 派生,相关属性可以参照 DatePicker 和 TimePicker。")], -1);
const datetime_pickervue_type_template_id_bacbc614_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("日期和时间点 ");
const datetime_pickervue_type_template_id_bacbc614_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("通过设置"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("属性为"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "datetime"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(",即可在同一个选择器里同时进行日期和时间的选择。快捷选项的使用方法与 Date Picker 相同。")])], -1);
const _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<template>\n <div class=\"block\">\n <span class=\"demonstration\">默认</span>\n <el-date-picker v-model=\"value1\" type=\"datetime\" placeholder=\"选择日期时间\">\n </el-date-picker>\n </div>\n <div class=\"block\">\n <span class=\"demonstration\">带快捷选项</span>\n <el-date-picker\n v-model=\"value2\"\n type=\"datetime\"\n placeholder=\"选择日期时间\"\n :shortcuts=\"shortcuts\"\n >\n </el-date-picker>\n </div>\n <div class=\"block\">\n <span class=\"demonstration\">设置默认时间</span>\n <el-date-picker\n v-model=\"value3\"\n type=\"datetime\"\n placeholder=\"选择日期时间\"\n :default-time=\"defaultTime\"\n >\n </el-date-picker>\n </div>\n</template>\n\n<script>\n export default {\n data() {\n return {\n shortcuts: [\n {\n text: '今天',\n value: new Date(),\n },\n {\n text: '昨天',\n value: () => {\n const date = new Date()\n date.setTime(date.getTime() - 3600 * 1000 * 24)\n return date\n },\n },\n {\n text: '一周前',\n value: () => {\n const date = new Date()\n date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)\n return date\n },\n },\n ],\n value1: '',\n value2: '',\n value3: '',\n defaultTime: new Date(2000, 1, 1, 12, 0, 0), // '12:00:00'\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, reactive, toRefs } from 'vue';\n\n export default defineComponent({\n setup() {\n const state = reactive({\n shortcuts: [\n {\n text: '今天',\n value: new Date(),\n },\n {\n text: '昨天',\n value: () => {\n const date = new Date();\n date.setTime(date.getTime() - 3600 * 1000 * 24);\n return date;\n },\n },\n {\n text: '一周前',\n value: () => {\n const date = new Date();\n date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);\n return date;\n },\n },\n ],\n value1: '',\n value2: '',\n value3: '',\n defaultTime: new Date(2000, 1, 1, 12, 0, 0), // '12:00:00'\n });\n\n return {\n ...toRefs(state),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("日期和时间范围 ");
const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("设置"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("为"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "datetimerange"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("即可选择日期和时间范围")])], -1);
const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<template>\n <div class=\"block\">\n <span class=\"demonstration\">默认</span>\n <el-date-picker\n v-model=\"value1\"\n type=\"datetimerange\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\"\n >\n </el-date-picker>\n </div>\n <div class=\"block\">\n <span class=\"demonstration\">带快捷选项</span>\n <el-date-picker\n v-model=\"value2\"\n type=\"datetimerange\"\n :shortcuts=\"shortcuts\"\n range-separator=\"至\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\"\n >\n </el-date-picker>\n </div>\n</template>\n\n<script>\n export default {\n data() {\n return {\n shortcuts: [\n {\n text: '最近一周',\n value: () => {\n const end = new Date()\n const start = new Date()\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)\n return [start, end]\n },\n },\n {\n text: '最近一个月',\n value: () => {\n const end = new Date()\n const start = new Date()\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)\n return [start, end]\n },\n },\n {\n text: '最近三个月',\n value: () => {\n const end = new Date()\n const start = new Date()\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)\n return [start, end]\n },\n },\n ],\n value1: [\n new Date(2000, 10, 10, 10, 10),\n new Date(2000, 10, 11, 10, 10),\n ],\n value2: '',\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, reactive, toRefs } from 'vue';\n\n export default defineComponent({\n setup() {\n const state = reactive({\n shortcuts: [\n {\n text: '最近一周',\n value: () => {\n const end = new Date();\n const start = new Date();\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);\n return [start, end];\n },\n },\n {\n text: '最近一个月',\n value: () => {\n const end = new Date();\n const start = new Date();\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);\n return [start, end];\n },\n },\n {\n text: '最近三个月',\n value: () => {\n const end = new Date();\n const start = new Date();\n start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);\n return [start, end];\n },\n },\n ],\n value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],\n value2: '',\n });\n\n return {\n ...toRefs(state),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("默认的起始与结束时刻 ");
const _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("使用"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "datetimerange"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("进行范围选择时,在日期选择面板中选定起始与结束的日期,默认会使用该日期的"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "00:00:00"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("作为起始与结束的时刻;通过选项"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "default-time"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("可以控制选中起始与结束日期时所使用的具体时刻。"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "default-time"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("接受一个数组,其中第一项控制起始日期的具体时刻,第二项控制结束日期的具体时刻。")])], -1);
const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<template>\n <div class=\"block\">\n <span class=\"demonstration\">起始日期时刻为 12:00:00</span>\n <el-date-picker\n v-model=\"value1\"\n type=\"datetimerange\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\"\n :default-time=\"defaultTime1\"\n >\n </el-date-picker>\n </div>\n <div class=\"block\">\n <span class=\"demonstration\"\n >起始日期时刻为 12:00:00,结束日期时刻为 08:00:00</span\n >\n <el-date-picker\n v-model=\"value2\"\n type=\"datetimerange\"\n start-placeholder=\"开始日期\"\n end-placeholder=\"结束日期\"\n :default-time=\"defaultTime2\"\n >\n </el-date-picker>\n </div>\n</template>\n\n<script>\n export default {\n data() {\n return {\n value1: '',\n value2: '',\n defaultTime1: [new Date(2000, 1, 1, 12, 0, 0)], // '12:00:00'\n defaultTime2: [\n new Date(2000, 1, 1, 12, 0, 0),\n new Date(2000, 2, 1, 8, 0, 0),\n ], // '12:00:00', '08:00:00'\n }\n },\n }\n</script>\n<!--\n<setup>\n\n import { defineComponent, reactive, toRefs } from 'vue';\n\n export default defineComponent({\n setup() {\n const state = reactive({\n value1: '',\n value2: '',\n defaultTime1: [new Date(2000, 1, 1, 12, 0, 0)], // '12:00:00'\n defaultTime2: [\n new Date(2000, 1, 1, 12, 0, 0),\n new Date(2000, 2, 1, 8, 0, 0),\n ], // '12:00:00', '08:00:00'\n });\n\n return {\n ...toRefs(state),\n };\n },\n });\n\n</setup>\n-->\n")], -1);
const _hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Attributes ");
const _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "参数"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "说明"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "类型"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "可选值"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "默认值")])], -1);
const _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "model-value / v-model"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "绑定值"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "date(DateTimePicker) / array(DateTimeRangePicker)"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "readonly"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "完全只读"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "disabled"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "禁用"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "editable"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "文本框可输入"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "true")], -1);
const _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "clearable"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "是否显示清除按钮"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "true")], -1);
const _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "size"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "输入框尺寸"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "large/medium/small/mini"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "large")], -1);
const _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "placeholder"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "非范围选择时的占位内容"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "start-placeholder"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "范围选择时开始日期的占位内容"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "end-placeholder"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "范围选择时结束日期的占位内容"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "time-arrow-control"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "是否使用箭头进行时间选择"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "type"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "显示类型"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "year/month/date/week/ datetime/datetimerange/daterange"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "date")], -1);
const _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "format", -1);
const _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "显示在输入框中的格式", -1);
const _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string", -1);
const _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("见");
const _hoisted_31 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("日期格式");
const _hoisted_32 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "YYYY-MM-DD HH:mm:ss", -1);
const _hoisted_33 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "popper-class"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "DateTimePicker 下拉框的类名"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_34 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "range-separator"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "选择范围时的分隔符"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "-"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "'-'")], -1);
const _hoisted_35 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "default-value"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "可选,选择器打开时默认显示的时间"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Date"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("可被"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "new Date()"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("解析")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_36 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "default-time"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "选中日期后的默认具体时刻"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Date / 范围选择时:Date[]"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("非范围选择时:Date 对象;范围选择时:数组,长度为 2,每项值为 Date 对象,第一项指定开始日期的时刻,第二项指定结束日期的时刻。不指定会使用时刻 "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "00:00:00")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_37 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "原生属性"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_38 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "unlink-panels"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "在范围选择器里取消两个日期面板之间的联动"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "false")], -1);
const _hoisted_39 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "prefix-icon"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "自定义头部图标的类名"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "el-icon-date")], -1);
const _hoisted_40 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "clear-icon"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "自定义清空图标的类名"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "string"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "el-icon-circle-close")], -1);
const _hoisted_41 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "shortcuts"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "设置快捷选项,需要传入数组对象"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "object[{ text: string, value: date / function }]"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_42 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "disabledDate"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "设置禁用状态,参数为当前日期,要求返回 Boolean"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Function"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_43 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "cellClassName"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "设置日期的 className"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "Function(Date)"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")], -1);
const _hoisted_44 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Events ");
const _hoisted_45 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Event Name</th><th>Description</th><th>Parameters</th></tr></thead><tbody><tr><td>change</td><td>用户确认选定的值时触发</td><td>组件绑定值</td></tr><tr><td>blur</td><td>当 input 失去焦点时触发</td><td>组件实例</td></tr><tr><td>focus</td><td>当 input 获得焦点时触发</td><td>组件实例</td></tr><tr><td>calendar-change</td><td>选中日历日期后会执行的回调,只有当 <code>datetimerange</code> 才生效</td><td>[Date, Date]</td></tr></tbody></table>", 1);
const _hoisted_46 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Methods ");
const _hoisted_47 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "方法名"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "说明"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "参数")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "focus"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "使 input 获取焦点"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "—")])])], -1);
const _hoisted_48 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Slots ");
const _hoisted_49 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "说明")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "range-separator"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "自定义分隔符")])])], -1);
function datetime_pickervue_type_template_id_bacbc614_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");
const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");
const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");
const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");
const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");
const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");
const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");
return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", datetime_pickervue_type_template_id_bacbc614_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "datetimepicker-ri-qi-shi-jian-xuan-ze-qi",
content: "DateTimePicker 日期时间选择器",
href: "#datetimepicker-ri-qi-shi-jian-xuan-ze-qi",
level: "2"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [datetime_pickervue_type_template_id_bacbc614_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#datetimepicker-ri-qi-shi-jian-xuan-ze-qi"
})]),
_: 1
}), datetime_pickervue_type_template_id_bacbc614_hoisted_3, datetime_pickervue_type_template_id_bacbc614_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "ri-qi-he-shi-jian-dian",
content: "日期和时间点",
href: "#ri-qi-he-shi-jian-dian",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [datetime_pickervue_type_template_id_bacbc614_hoisted_5, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#ri-qi-he-shi-jian-dian"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_7]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [datetime_pickervue_type_template_id_bacbc614_hoisted_6]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "ri-qi-he-shi-jian-fan-wei",
content: "日期和时间范围",
href: "#ri-qi-he-shi-jian-fan-wei",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_8, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#ri-qi-he-shi-jian-fan-wei"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_9]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "mo-ren-de-qi-shi-yu-jie-shu-shi-ke",
content: "默认的起始与结束时刻",
href: "#mo-ren-de-qi-shi-yu-jie-shu-shi-ke",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_11, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#mo-ren-de-qi-shi-yu-jie-shu-shi-ke"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_13]),
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_12]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "attributes",
content: "Attributes",
href: "#attributes",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#attributes"
})]),
_: 1
}), Object(vue_esm_browser_prod["createElementVNode"])("table", null, [_hoisted_15, Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [_hoisted_16, _hoisted_17, _hoisted_18, _hoisted_19, _hoisted_20, _hoisted_21, _hoisted_22, _hoisted_23, _hoisted_24, _hoisted_25, _hoisted_26, Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [_hoisted_27, _hoisted_28, _hoisted_29, Object(vue_esm_browser_prod["createElementVNode"])("td", null, [_hoisted_30, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
href: "#/zh-CN/component/date-picker#ri-qi-ge-shi"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_31]),
_: 1
})]), _hoisted_32]), _hoisted_33, _hoisted_34, _hoisted_35, _hoisted_36, _hoisted_37, _hoisted_38, _hoisted_39, _hoisted_40, _hoisted_41, _hoisted_42, _hoisted_43])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "events",
content: "Events",
href: "#events",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_44, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#events"
})]),
_: 1
}), _hoisted_45, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "methods",
content: "Methods",
href: "#methods",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_46, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#methods"
})]),
_: 1
}), _hoisted_47, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "slots",
content: "Slots",
href: "#slots",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_48, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#slots"
})]),
_: 1
}), _hoisted_49, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/zh-CN/datetime-picker.md?vue&type=template&id=bacbc614
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/zh-CN/datetime-picker.md?vue&type=script&lang=ts
/* harmony default export */ var datetime_pickervue_type_script_lang_ts = ({
name: 'component-doc',
components: {
"element-demo0": function () {
const {
createElementVNode: _createElementVNode,
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = {
class: "block"
};
const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "默认", -1);
const _hoisted_3 = {
class: "block"
};
const _hoisted_4 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "带快捷选项", -1);
const _hoisted_5 = {
class: "block"
};
const _hoisted_6 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "设置默认时间", -1);
function render(_ctx, _cache) {
const _component_el_date_picker = _resolveComponent("el-date-picker");
return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value1,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
type: "datetime",
placeholder: "选择日期时间"
}, null, 8, ["modelValue"])]), _createElementVNode("div", _hoisted_3, [_hoisted_4, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value2,
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
type: "datetime",
placeholder: "选择日期时间",
shortcuts: _ctx.shortcuts
}, null, 8, ["modelValue", "shortcuts"])]), _createElementVNode("div", _hoisted_5, [_hoisted_6, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value3,
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.value3 = $event),
type: "datetime",
placeholder: "选择日期时间",
"default-time": _ctx.defaultTime
}, null, 8, ["modelValue", "default-time"])])]);
}
const democomponentExport = {
data() {
return {
shortcuts: [{
text: '今天',
value: new Date()
}, {
text: '昨天',
value: () => {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
return date;
}
}, {
text: '一周前',
value: () => {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
return date;
}
}],
value1: '',
value2: '',
value3: '',
defaultTime: new Date(2000, 1, 1, 12, 0, 0) // '12:00:00'
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo1": function () {
const {
createElementVNode: _createElementVNode,
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = {
class: "block"
};
const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "默认", -1);
const _hoisted_3 = {
class: "block"
};
const _hoisted_4 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "带快捷选项", -1);
function render(_ctx, _cache) {
const _component_el_date_picker = _resolveComponent("el-date-picker");
return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value1,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
type: "datetimerange",
"range-separator": "至",
"start-placeholder": "开始日期",
"end-placeholder": "结束日期"
}, null, 8, ["modelValue"])]), _createElementVNode("div", _hoisted_3, [_hoisted_4, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value2,
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
type: "datetimerange",
shortcuts: _ctx.shortcuts,
"range-separator": "至",
"start-placeholder": "开始日期",
"end-placeholder": "结束日期"
}, null, 8, ["modelValue", "shortcuts"])])]);
}
const democomponentExport = {
data() {
return {
shortcuts: [{
text: '最近一周',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
}
}, {
text: '最近一个月',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
}
}, {
text: '最近三个月',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}],
value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
value2: ''
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo2": function () {
const {
createElementVNode: _createElementVNode,
resolveComponent: _resolveComponent,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = {
class: "block"
};
const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "起始日期时刻为 12:00:00", -1);
const _hoisted_3 = {
class: "block"
};
const _hoisted_4 = /*#__PURE__*/_createElementVNode("span", {
class: "demonstration"
}, "起始日期时刻为 12:00:00,结束日期时刻为 08:00:00", -1);
function render(_ctx, _cache) {
const _component_el_date_picker = _resolveComponent("el-date-picker");
return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_hoisted_2, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value1,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.value1 = $event),
type: "datetimerange",
"start-placeholder": "开始日期",
"end-placeholder": "结束日期",
"default-time": _ctx.defaultTime1
}, null, 8, ["modelValue", "default-time"])]), _createElementVNode("div", _hoisted_3, [_hoisted_4, _createVNode(_component_el_date_picker, {
modelValue: _ctx.value2,
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.value2 = $event),
type: "datetimerange",
"start-placeholder": "开始日期",
"end-placeholder": "结束日期",
"default-time": _ctx.defaultTime2
}, null, 8, ["modelValue", "default-time"])])]);
}
const democomponentExport = {
data() {
return {
value1: '',
value2: '',
defaultTime1: [new Date(2000, 1, 1, 12, 0, 0)],
// '12:00:00'
defaultTime2: [new Date(2000, 1, 1, 12, 0, 0), new Date(2000, 2, 1, 8, 0, 0)] // '12:00:00', '08:00:00'
};
}
};
return {
render,
...democomponentExport
};
}()
}
});
// CONCATENATED MODULE: ./website/docs/zh-CN/datetime-picker.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/zh-CN/datetime-picker.md
datetime_pickervue_type_script_lang_ts.render = datetime_pickervue_type_template_id_bacbc614_render
/* harmony default export */ var datetime_picker = __webpack_exports__["default"] = (datetime_pickervue_type_script_lang_ts);
/***/ })
}]);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。