From a642ff5a8004769ef3cef9233b0aae7ea53a95d0 Mon Sep 17 00:00:00 2001 From: mengxiong10 <15623530290@163.com> Date: Thu, 14 Nov 2019 18:41:54 +0800 Subject: [PATCH] Deploy updates --- en.b6c27c86.html | 9 +++++++ example.550cda26.css | 1 + example.71a5e843.js | 62 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 19 +------------- zh-cn.1f9a946b.html | 9 +++++++ 5 files changed, 82 insertions(+), 18 deletions(-) create mode 100644 en.b6c27c86.html create mode 100644 example.550cda26.css create mode 100644 example.71a5e843.js create mode 100644 zh-cn.1f9a946b.html diff --git a/en.b6c27c86.html b/en.b6c27c86.html new file mode 100644 index 0000000..356b1dd --- /dev/null +++ b/en.b6c27c86.html @@ -0,0 +1,9 @@ +

Basic

You can select or input a date, month, year, time or datetime

ValueType

You can set the type of the v-model value by valueType.

Range

Support to select a date range.

DisabledDate & DisabledTime

Disabled part of dates and time by disabledDate and disabledTime respectively.

You should let the value of defaultValue not be disabled, when you use disabledDate or disabledTime.

The default value of defaultValue is new Date().setHour(0,0,0,0).

Disabled & editable

Shortcut

You can set shortcuts to improve user experience.

Use the header slot or the footer slot to render extra element in panel for customized requirements.

Control TimePanel visible(datetime mode)

The display or hiding of the time panel can be controlled by showTimePanel.

The time panel is displayed after the date is selected by default.

Control Open

You can use the prop open to control the visible of popup.

This example shows how to close the popup when the seconds is selected.

Hide seconds selection & display AMPM selection

The columns of the time Picker is displayed according to the value of format(HH:mm:ss) by default.

You can also set showHour showMinute showSecond to override the default value

Interval and custom time options

Set stepped time options by hourStep minuteStep secondStep

Set custom time options by hourOptions minuteOptions secondOptions.

Select fixed time list

You can provide a list of fixed time for users to choose by timePickerOptions

\ No newline at end of file diff --git a/example.550cda26.css b/example.550cda26.css new file mode 100644 index 0000000..a4d868d --- /dev/null +++ b/example.550cda26.css @@ -0,0 +1 @@ +.hljs{display:block;overflow-x:auto;padding:.5em;color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-built_in,.hljs-class .hljs-title{color:#c18401}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.container,body,html{height:100%}.container{display:flex}@media screen and (max-width:800px){.sidebar{display:none}}.sidebar{border-right:1px solid #ebedf0;width:280px;overflow:auto}.sidebar a{font-size:14px;line-height:30px;display:block;padding-left:16px;overflow:hidden;color:#314659;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid transparent;transition:all .3s ease;text-decoration:none;background-color:transparent;outline:none;cursor:pointer}.sidebar a:hover{color:#1485e7}.sidebar a.active{color:#1284e7}.main{flex:1;overflow:auto;max-width:100%}.main p{margin:10px 0}.content{box-sizing:border-box;width:100%;padding:10px 20px}.card{position:relative;display:inline-block;width:100%;font-size:14px;color:#314659;border:1px solid #ebedf0;border-radius:4px;margin-bottom:60px;margin-top:20px}.card.active{border-color:#1284e7}.card-demo{padding:30px 24px;color:#213649;border-top:1px solid #ebedf0}.card-demo .box{display:flex;flex-wrap:wrap}.card-demo .box>section{flex:1;display:flex;flex-direction:column;align-items:center}.card-title{position:absolute;margin-top:-10px;margin-left:14px;font-size:16px;line-height:1;font-weight:700;padding:0 10px;background:#fff}.card-description{padding:12px 24px}.markdown-body{font-size:15px;line-height:1.7}.markdown-body ol,.markdown-body p,.markdown-body ul{margin:10px 0}.markdown-body ol,.markdown-body ul{padding-left:30px}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.card-actions{position:relative;border-top:1px solid #ebedf0;height:36px;text-align:center;color:#d3dce6;cursor:pointer;transition:.2s;user-select:none}.card-actions:hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.icon-expand{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;opacity:.3}.card-code{border-top:1px solid #ebedf0}.card-code pre{margin:0;background:#fff}.card-code pre:after,.card-code pre:before{width:0}.card-code pre code{display:block;background:#fff;color:#314659;line-height:2;border:0;box-shadow:none;padding:16px 32px;border-radius:2px;font-size:14px} \ No newline at end of file diff --git a/example.71a5e843.js b/example.71a5e843.js new file mode 100644 index 0000000..8ce26b1 --- /dev/null +++ b/example.71a5e843.js @@ -0,0 +1,62 @@ +parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c]+>|\t|)+|(?:\n)))/gm,u="",c={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},g="of and for in not or if then".split(" ");function f(e){return e.replace(/&/g,"&").replace(//g,">")}function d(e){return e.nodeName.toLowerCase()}function v(e){return s.test(e)}function p(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function E(e){var n=[];return function e(t,r){for(var a=t.firstChild;a;a=a.nextSibling)3===a.nodeType?r+=a.nodeValue.length:1===a.nodeType&&(n.push({event:"start",offset:r,node:a}),r=e(a,r),d(a).match(/br|hr|img|input/)||n.push({event:"stop",offset:r,node:a}));return r}(e,0),n}function h(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(n){return p(e,{variants:null},n)})),e.cached_variants?e.cached_variants:function e(n){return!!n&&(n.endsWithParent||e(n.starts))}(e)?[p(e,{starts:e.starts?p(e.starts):null})]:[e]}function m(e){if(n&&!e.langApiRestored){for(var t in e.langApiRestored=!0,n)e[t]&&(e[n[t]]=e[t]);(e.contains||[]).concat(e.variants||[]).forEach(m)}}function b(e,n){return n?Number(n):(t=e,-1!=g.indexOf(t.toLowerCase())?0:1);var t}function _(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}function a(e){var r,a,i={},s=[],l={},o=1;function u(e,n){i[o]=e,s.push([e,n]),o+=new RegExp(n.toString()+"|").exec("").length-1+1}for(var c=0;c0&&(i+=t),i+="(";o.length>0;){var u=r.exec(o);if(null==u){i+=o;break}i+=o.substring(0,u.index),o=o.substring(u.index+u[0].length),"\\"==u[0][0]&&u[1]?i+="\\"+String(Number(u[1])+l):(i+=u[0],"("==u[0]&&a++)}i+=")"}return i}(g,"|"),!0),l.lastIndex=0,l.exec=function(n){var t;if(0===s.length)return null;r.lastIndex=l.lastIndex;var a=r.exec(n);if(!a)return null;for(var o=0;o')+n+(t?"":u)}function l(){x+=null!=m.subLanguage?function(){var e="string"==typeof m.subLanguage;if(e&&!a[m.subLanguage])return f(w);var n=e?R(m.subLanguage,w,!0,b[m.subLanguage]):N(w,m.subLanguage.length?m.subLanguage:void 0);return m.relevance>0&&(M+=n.relevance),e&&(b[m.subLanguage]=n.top),s(n.language,n.value,!1,!0)}():function(){var e,n,t,r;if(!m.keywords)return f(w);for(r="",n=0,m.lexemesRe.lastIndex=0,t=m.lexemesRe.exec(w);t;)r+=f(w.substring(n,t.index)),(e=i(m,t))?(M+=e[1],r+=s(e[0],f(t[0]))):r+=f(t[0]),n=m.lexemesRe.lastIndex,t=m.lexemesRe.exec(w);return r+f(w.substr(n))}(),w=""}function o(e){x+=e.className?s(e.className,"",!0):"",m=Object.create(e,{parent:{value:m}})}function g(e){var n=e[0],t=e.rule;return t&&t.endSameAsBegin&&(t.endRe=new RegExp(n.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")),t.skip?w+=n:(t.excludeBegin&&(w+=n),l(),t.returnBegin||t.excludeBegin||(w=n)),o(t),t.returnBegin?0:n.length}function d(e){var n=e[0],t=function e(n,t){if(function(e,n){var t=e&&e.exec(n);return t&&0===t.index}(n.endRe,t)){for(;n.endsParent&&n.parent;)n=n.parent;return n}if(n.endsWithParent)return e(n.parent,t)}(m,n);if(t){var r=m;r.skip?w+=n:(r.returnEnd||r.excludeEnd||(w+=n),l(),r.excludeEnd&&(w=n));do{m.className&&(x+=u),m.skip||m.subLanguage||(M+=m.relevance),m=m.parent}while(m!==t.parent);return t.starts&&(t.endSameAsBegin&&(t.starts.endRe=t.endRe),o(t.starts)),r.returnEnd?0:n.length}}var v={};function p(e,r){var a=r&&r[0];if(w+=e,null==a)return l(),0;if("begin"==v.type&&"end"==r.type&&v.index==r.index&&""===a)return w+=n.slice(r.index,r.index+1),1;if(v=r,"begin"===r.type)return g(r);if("illegal"===r.type&&!t)throw new Error('Illegal lexeme "'+a+'" for mode "'+(m.className||"")+'"');if("end"===r.type){var i=d(r);if(null!=i)return i}return w+=a,a.length}var E=y(e);if(!E)throw new Error('Unknown language: "'+e+'"');_(E);var h,m=r||E,b={},x="";for(h=m;h!==E;h=h.parent)h.className&&(x=s(h.className,"",!0)+x);var w="",M=0;try{for(var O,S,A=0;m.terminators.lastIndex=A,O=m.terminators.exec(n);)S=p(n.substring(A,O.index),O),A=O.index+S;for(p(n.substr(A)),h=m;h.parent;h=h.parent)h.className&&(x+=u);return{relevance:M,value:x,illegal:!1,language:e,top:m}}catch(C){if(C.message&&-1!==C.message.indexOf("Illegal"))return{illegal:!0,relevance:0,value:f(n)};throw C}}function N(e,n){n=n||c.languages||r(a);var t={relevance:0,value:f(e)},i=t;return n.filter(y).filter(O).forEach(function(n){var r=R(n,e,!1);r.language=n,r.relevance>i.relevance&&(i=r),r.relevance>t.relevance&&(i=t,t=r)}),i.language&&(t.second_best=i),t}function x(e){return c.tabReplace||c.useBR?e.replace(o,function(e,n){return c.useBR&&"\n"===e?"
":c.tabReplace?n.replace(/\t/g,c.tabReplace):""}):e}function w(e){var n,r,a,s,o,u=function(e){var n,t,r,a,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",t=l.exec(i))return y(t[1])?t[1]:"no-highlight";for(n=0,r=(i=i.split(/\s+/)).length;n/g,"\n"):n=e,o=n.textContent,a=u?R(u,o,!0):N(o),(r=E(n)).length&&((s=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=a.value,a.value=function(e,n,r){var a=0,i="",s=[];function l(){return e.length&&n.length?e[0].offset!==n[0].offset?e[0].offset"}function u(e){i+=""}function c(e){("start"===e.event?o:u)(e.node)}for(;e.length||n.length;){var g=l();if(i+=f(r.substring(a,g[0].offset)),a=g[0].offset,g===e){s.reverse().forEach(u);do{c(g.splice(0,1)[0]),g=l()}while(g===e&&g.length&&g[0].offset===a);s.reverse().forEach(o)}else"start"===g[0].event?s.push(g[0].node):s.pop(),c(g.splice(0,1)[0])}return i+f(r.substr(a))}(r,E(s),o)),a.value=x(a.value),e.innerHTML=a.value,e.className=function(e,n,t){var r=n?i[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}(e.className,u,a.language),e.result={language:a.language,re:a.relevance},a.second_best&&(e.second_best={language:a.second_best.language,re:a.second_best.relevance}))}function M(){if(!M.called){M.called=!0;var e=document.querySelectorAll("pre code");t.forEach.call(e,w)}}function y(e){return e=(e||"").toLowerCase(),a[e]||a[i[e]]}function O(e){var n=y(e);return n&&!n.disableAutodetect}return e.highlight=R,e.highlightAuto=N,e.fixMarkup=x,e.highlightBlock=w,e.configure=function(e){c=p(c,e)},e.initHighlighting=M,e.initHighlightingOnLoad=function(){addEventListener("DOMContentLoaded",M,!1),addEventListener("load",M,!1)},e.registerLanguage=function(n,t){var r=a[n]=t(e);m(r),r.rawDefinition=t.bind(null,e),r.aliases&&r.aliases.forEach(function(e){i[e]=n})},e.listLanguages=function(){return r(a)},e.getLanguage=y,e.autoDetection=O,e.inherit=p,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(n,t,r){var a=e.inherit({className:"comment",begin:n,end:t,contains:[]},r||{});return a.contains.push(e.PHRASAL_WORDS_MODE),a.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),a},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e}); +},{}],"YrXX":[function(require,module,exports) { +module.exports=function(e){var n="[A-Za-z$_][0-9A-Za-z$_]*",a={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},s={className:"number",variants:[{begin:"\\b(0[bB][01]+)n?"},{begin:"\\b(0[oO][0-7]+)n?"},{begin:e.C_NUMBER_RE+"n?"}],relevance:0},r={className:"subst",begin:"\\$\\{",end:"\\}",keywords:a,contains:[]},t={begin:"html`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,r],subLanguage:"xml"}},i={begin:"css`",end:"",starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,r],subLanguage:"css"}},o={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,r]};r.contains=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,t,i,o,s,e.REGEXP_MODE];var c=r.contains.concat([e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:a,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,t,i,o,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,s,{begin:/[{,\n]\s*/,relevance:0,contains:[{begin:n+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:n,relevance:0}]}]},{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+n+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:n},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:a,contains:c}]}]},{className:"",begin:/\s/,end:/\s*/,skip:!0},{begin://,subLanguage:"xml",contains:[{begin:/<[A-Za-z0-9\\._:-]+\s*\/>/,skip:!0},{begin:/<[A-Za-z0-9\\._:-]+/,end:/(\/[A-Za-z0-9\\._:-]+|[A-Za-z0-9\\._:-]+\/)>/,skip:!0,contains:[{begin:/<[A-Za-z0-9\\._:-]+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{begin:n}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:c}],illegal:/\[|%/},{begin:/\$[(.]/},e.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor get set",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}; +},{}],"ElH3":[function(require,module,exports) { +module.exports=function(e){var n={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{className:"meta",begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0},e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,contains:null,skip:!0})]},{className:"tag",begin:")",end:">",keywords:{name:"style"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:")",end:">",keywords:{name:"script"},contains:[n],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}; +},{}],"exOZ":[function(require,module,exports) { +"use strict";function e(e){var t=!1;return function(){for(var n=this,r=arguments.length,o=new Array(r),i=0;i=0){this.activeIndex=e;break}}}}};exports.default=t; +(function(){var t=exports.default||module.exports;"function"==typeof t&&(t=t.options),Object.assign(t,{render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"container"},[i("div",{staticClass:"sidebar"},t._l(t.menus,function(e,s){return i("a",{key:e.id,class:{active:t.activeIndex===s},attrs:{href:"#"+e.id,title:e.title}},[t._v(t._s(e.title))])}),0),t._v(" "),i("div",{ref:"main",staticClass:"main",on:{scroll:t.handleScroll}},[i("div",{staticClass:"content"},[t._t("default")],2)])])},staticRenderFns:[],_compiled:!0,_scopeId:null,functional:void 0});})(); +},{}],"K2WH":[function(require,module,exports) { +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={name:"DemoCard",props:{id:String,title:String,description:String,code:String,active:{type:Boolean,default:!1}},data:function(){return{codeVisible:!1}},methods:{handleExpand:function(){this.codeVisible=!this.codeVisible}}};exports.default=e; +(function(){var s=exports.default||module.exports;"function"==typeof s&&(s=s.options),Object.assign(s,{render:function(){var s=this,e=s.$createElement,a=s._self._c||e;return a("div",{staticClass:"card",class:{active:s.active}},[a("section",{staticClass:"card-title",attrs:{id:s.id},domProps:{innerHTML:s._s(s.title)}}),s._v(" "),a("section",{staticClass:"card-description markdown-body",domProps:{innerHTML:s._s(s.description)}}),s._v(" "),a("section",{staticClass:"card-demo markdown-body"},[s._t("default")],2),s._v(" "),a("section",{staticClass:"card-actions",on:{click:s.handleExpand}},[s.codeVisible?a("img",{staticClass:"icon-expand",attrs:{alt:"show code",src:"expand.29367ed0.svg"}}):a("img",{staticClass:"icon-expand",attrs:{alt:"hide code",src:"collapse.9db1dced.svg"}})]),s._v(" "),a("section",{directives:[{name:"show",rawName:"v-show",value:s.codeVisible,expression:"codeVisible"}],staticClass:"card-code"},[a("pre",[s._v(" "),a("code",{staticClass:"vue"},[s._v(s._s(s.code))]),s._v("\n ")])])])},staticRenderFns:[],_compiled:!0,_scopeId:null,functional:void 0});})(); +},{"./../assets/expand.svg":[["expand.29367ed0.svg","qjjT"],"qjjT"],"./../assets/collapse.svg":[["collapse.9db1dced.svg","lmY9"],"lmY9"]}],"F4k5":[function(require,module,exports) { +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var l={name:"Basic",data:function(){return{value1:null,value2:null,value3:null,value4:null,value5:null,value6:null}}};exports.default=l; +(function(){var e=exports.default||module.exports;"function"==typeof e&&(e=e.options),Object.assign(e,{render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"box"},[a("section",[a("p",[e._v("date (default)")]),e._v(" "),a("date-picker",{attrs:{format:"YYYY-MM-DD",type:"date",placeholder:"Select date"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],1),e._v(" "),a("section",[a("p",[e._v("month")]),e._v(" "),a("date-picker",{attrs:{type:"month",placeholder:"Select month"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1),e._v(" "),a("section",[a("p",[e._v("year")]),e._v(" "),a("date-picker",{attrs:{type:"year",placeholder:"Select year"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}})],1),e._v(" "),a("section",[a("p",[e._v("datetime")]),e._v(" "),a("date-picker",{attrs:{type:"datetime",placeholder:"Select datetime"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1),e._v(" "),a("section",[a("p",[e._v("time")]),e._v(" "),a("date-picker",{attrs:{type:"time",placeholder:"Select time"},model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}})],1),e._v(" "),a("section",[a("p",[e._v("week")]),e._v(" "),a("date-picker",{attrs:{type:"week",placeholder:"Select week"},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}})],1)])},staticRenderFns:[],_compiled:!0,_scopeId:null,functional:void 0});})(); +},{}],"MAVg":[function(require,module,exports) { +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={name:"ValueType",data:function(){return{value1:new Date(2019,9,9),value2:"2019-10-09",value3:new Date(2019,9,9).getTime(),value4:"09/10/2019"}}};exports.default=e; +(function(){var e=exports.default||module.exports;"function"==typeof e&&(e=e.options),Object.assign(e,{render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"box"},[t("section",[t("p",[e._v("format")]),e._v(" "),t("date-picker",{attrs:{"value-type":"format",format:"YYYY-MM-DD"},model:{value:e.value2,callback:function(a){e.value2=a},expression:"value2"}}),e._v(" "),t("p",[t("code",[e._v("v-model = "+e._s(e.value2))])])],1),e._v(" "),t("section",[t("p",[e._v("date (Date Object)")]),e._v(" "),t("date-picker",{attrs:{"value-type":"date"},model:{value:e.value1,callback:function(a){e.value1=a},expression:"value1"}}),e._v(" "),t("p",[t("code",[e._v("v-model = "+e._s(e.value1))])])],1),e._v(" "),t("section",[t("p",[e._v("timestamp")]),e._v(" "),t("date-picker",{attrs:{"value-type":"timestamp"},model:{value:e.value3,callback:function(a){e.value3=a},expression:"value3"}}),e._v(" "),t("p",[t("code",[e._v("v-model = "+e._s(e.value3))])])],1),e._v(" "),t("section",[t("p",[e._v("DD/MM/YYYY")]),e._v(" "),t("date-picker",{attrs:{"value-type":"DD/MM/YYYY",format:"YYYY-MM-DD"},model:{value:e.value4,callback:function(a){e.value4=a},expression:"value4"}}),e._v(" "),t("p",[t("code",[e._v("v-model = "+e._s(e.value4))])])],1)])},staticRenderFns:[],_compiled:!0,_scopeId:null,functional:void 0});})(); +},{}],"vssy":[function(require,module,exports) { +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={name:"Range",data:function(){return{value1:[new Date(2019,9,8),new Date(2019,9,19)],value2:[]}}};exports.default=e; +(function(){var e=exports.default||module.exports;"function"==typeof e&&(e=e.options),Object.assign(e,{render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"box"},[a("section",[a("p",[e._v("date range")]),e._v(" "),a("date-picker",{attrs:{type:"date",range:"",placeholder:"Select date range"},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],1),e._v(" "),a("section",[a("p",[e._v("datetime range")]),e._v(" "),a("date-picker",{attrs:{type:"datetime",range:"",placeholder:"Select datetime range"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1)])},staticRenderFns:[],_compiled:!0,_scopeId:null,functional:void 0});})(); +},{}],"tBXd":[function(require,module,exports) { +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=new Date;e.setHours(0,0,0,0);var t={data:function(){return{value1:new Date,value2:new Date,value3:"",value4:"",value5:""}},methods:{notBeforeToday:function(t){return te},notBeforeNine:function(e){return e.getHours()<9},notBeforeDate:function(e){return e\n
\n
\n

date (default)

\n \n
\n
\n

month

\n \n
\n
\n

year

\n \n
\n
\n

datetime

\n \n
\n
\n

time

\n \n
\n
\n

week

\n \n
\n
\n\n\n - - - - - +Document
\ No newline at end of file diff --git a/zh-cn.1f9a946b.html b/zh-cn.1f9a946b.html new file mode 100644 index 0000000..7a55a0f --- /dev/null +++ b/zh-cn.1f9a946b.html @@ -0,0 +1,9 @@ +

基本

可以选择或手动输入一个日期, 月, 年, 时间或者日期加时间

绑定值的类型

通过valueType去设置v-model绑定的值的类型

    +
  • "format": 返回一个字符串,和输入框格式化之后的一样.
  • +
  • "date"(default): 返回一个 Date 对象.
  • +
  • "timestamp": 返回一个时间戳.
  • +
  • token: 一个可以被解析的 token, 返回格式化这个 token 的字符串.
  • +

日期范围

支持选择一个日期范围

不可选择的日期和时间

可用 disabledDatedisabledTime 分别禁止选择部分日期和时间.

当你使用disabledDatedisabledTime的时候, 应该设置defaultValue的值是不被禁止选择的.

defaultValue的默认值是new Date().setHour(0,0,0,0)

禁用和可编辑

    +
  • disabled: 设置组件是否禁用
  • +
  • editable: 设置是否可手动输入
  • +

快捷选项

可以通过设置 shortcuts 提升用户体验.

也可以使用 slot header 或者 footer 去设置额外的元素.

控制时间选择的显示和隐藏(日期时间模式)

时间选择的显示可以通过 showTimePanel 控制.

默认情况下选择一个日期后时间面板就自动显示.

控制弹窗打开

可以通过 open 去控制弹窗的显示

下面的例子说明怎么关闭弹窗当选择秒的时候

隐藏秒和显示 am/pm

时间选择的列是自动显示通过 format的设置.

你可以通过 showHour showMinute showSecond 覆盖默认值

间隔的时间和自定义时间选择

设置间隔的时间通过hourStep minuteStep secondStep.

设置自定义的选择通过hourOptions minuteOptions secondOptions.

固定的时间列表

可以通过 timePickerOptions 提供一个固定的时间列表选择

\ No newline at end of file