0?(l.value=s,e.selectedKeeping="AM",i.innerText=e.selectedKeeping,r(t,s,n)):(0===Number(t.target.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),l.value=u(t.target.value),r(t,u(t.target.value),n)):(l.value=s,r(t,s,n))}))},g=(t,l,n,a)=>{l.addEventListener("change",(l=>{const s=l.target;let d=Number(s.value);d=d<10?`0${d}`:`${d}`,"hours"===n&&12===a?s.value&&Number(s.value)<=a&&Number(s.value)>0?(s.value=d,t.value=v(d,e.selectedKeeping),r(l,d,n)):s.value&&Number(s.value)<24&&(Number(s.value)>a||0===Number(s.value))?(0===Number(s.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),s.value=u(s.value),t.value=d,r(l,u(s.value),n)):s.value=e.selectedHours:s.value&&Number(s.value)<=a&&Number(s.value)>=0?(s.value=d,t.value=d,r(l,d,n)):"hours"===n?s.value=e.selectedHours:"minutes"===n&&(s.value=e.selectedMinutes)}))};d(l,a),d(n,s),c(l,a),c(n,s),o(l,a,"hours",24===t?23:12),o(n,s,"minutes",0),g(l,a,"hours",24===t?23:12),g(n,s,"minutes",59),i&&i.addEventListener("click",(t=>{i.innerText.includes("AM")?e.selectedKeeping="PM":e.selectedKeeping="AM",l.value=v(e.selectedHours,e.selectedKeeping),r(t,e.selectedHours,"hours"),i.innerText=e.selectedKeeping}))},m=e=>{const t=e.HTMLElement.querySelector(".vanilla-calendar-time");if(!t)return;const l=!0===e.settings.selection.time?12:e.settings.selection.time,n="range"===e.settings.selection.controlTime;t.innerHTML=`\n\t\n\t\t\n\t\t\n\t\t${12===l?`\n\t\t\n\t\t`:""}\n\t
\n\t\n\t\t\n\t\t\n\t
`,g(e,l)},y=e=>{const t=[...e.locale.weekday];if(!t[0])return;const l=e.HTMLElement.querySelector(".vanilla-calendar-week"),n=document.createElement("b");if(n.className="vanilla-calendar-week__day",e.settings.iso8601&&t.push(t.shift()),l instanceof HTMLElement){l.innerHTML="";for(let a=0;a{if(void 0===e.viewYear||!e.dateMin||!e.dateMax)return;e.currentType="year",c(e),r(e),l(e);const t=e.HTMLElement.querySelector(".vanilla-calendar-years");if(!t)return;e.settings.selection.year&&t.classList.add("vanilla-calendar-years_selecting");const n=document.createElement("button");n.type="button",n.className="vanilla-calendar-years__year";for(let l=e.viewYear-7;le.dateMax.getUTCFullYear()&&(s.classList.add("vanilla-calendar-years__year_disabled"),s.tabIndex=-1),s.dataset.calendarYear=String(a),s.innerText=`${a}`,t.append(s))}},p=e=>{if("define"!==e.settings.lang){e.locale.weekday=[];for(let t=0;t<7;t++){let l=new Date(0,0,t).toLocaleString(e.settings.lang,{weekday:"short"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.weekday.push(l)}e.locale.months=[];for(let t=0;t<12;t++){let l=new Date(0,t).toLocaleString(e.settings.lang,{month:"long"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.months.push(l)}}},M=e=>{null!==e.settings.selected.dates?e.selectedDates=e.settings.selected.dates:e.selectedDates=[],null!==e.settings.selected.month&&e.settings.selected.month>=0&&e.settings.selected.month<12?e.selectedMonth=e.settings.selected.month:e.selectedMonth=e.date.today.getMonth(),null!==e.settings.selected.year&&e.settings.selected.year>=0&&e.settings.selected.year<=9999?e.selectedYear=e.settings.selected.year:e.selectedYear=e.date.today.getFullYear(),e.viewYear=e.selectedYear,e.dateMin=e.settings.visibility.disabled?new Date(e.date.min):new Date(e.settings.range.min),e.dateMax=e.settings.visibility.disabled?new Date(e.date.max):new Date(e.settings.range.max);const t=!0===e.settings.selection.time||12===e.settings.selection.time;if(t||24===e.settings.selection.time){if("string"==typeof e.settings.selected.time){const l=t?/^([0-9]|0[1-9]|1[0-2]):([0-5][0-9])|(AM|PM)/g:/^([0-1]?[0-9]|2[0-3]):([0-5][0-9])/g;e.settings.selected.time.replace(l,((l,n,a,s)=>(n&&a&&(e.userTime=!0,e.selectedHours=n,e.selectedMinutes=a),s&&t?e.selectedKeeping=s:t&&(e.selectedKeeping="AM"),"")))}!e.userTime&&t?(e.selectedHours=u(String(e.date.today.getHours())),e.selectedMinutes=String(e.date.today.getMinutes()),e.selectedKeeping=Number(e.date.today.getHours())>12?"PM":"AM"):e.userTime||(e.selectedHours=String(e.date.today.getHours()),e.selectedMinutes=String(e.date.today.getMinutes())),e.selectedHours=Number(e.selectedHours)<10?`0${Number(e.selectedHours)}`:`${e.selectedHours}`,e.selectedMinutes=Number(e.selectedMinutes)<10?`0${Number(e.selectedMinutes)}`:`${e.selectedMinutes}`,e.selectedTime=`${e.selectedHours}:${e.selectedMinutes}${e.selectedKeeping?` ${e.selectedKeeping}`:""}`}else e.settings.selection.time&&(e.settings.selection.time=!1,console.error("The value of the time property can be: false, true, 12 or 24."))},b=e=>{M(e),p(e),c(e),r(e),l(e),m(e),"default"===e.currentType?(y(e),d(e)):"month"===e.currentType?o(e):"year"===e.currentType&&h(e)},_=(e,t)=>{if(void 0===e.selectedMonth||void 0===e.selectedYear)return;const n=e.locale.months.length-1;switch(t){case"prev":0!==e.selectedMonth?e.selectedMonth-=1:e.settings.selection.year&&(e.selectedYear-=1,e.selectedMonth=n);break;case"next":e.selectedMonth!==n?e.selectedMonth+=1:e.settings.selection.year&&(e.selectedYear+=1,e.selectedMonth=0)}e.settings.selected.month=e.selectedMonth,e.settings.selected.year=e.selectedYear,r(e),l(e),d(e)},T=e=>{e.HTMLElement.addEventListener("click",(t=>{const l=t.target,n=l.closest(".vanilla-calendar-arrow"),a=l.closest(".vanilla-calendar-arrow_prev"),s=l.closest(".vanilla-calendar-arrow_next"),c=l.closest(".vanilla-calendar-day__btn"),r=l.closest(".vanilla-calendar-day__btn_prev"),u=l.closest(".vanilla-calendar-day__btn_next"),v=l.closest(".vanilla-calendar-year"),g=l.closest(".vanilla-calendar-years__year"),m=l.closest(".vanilla-calendar-month"),y=l.closest(".vanilla-calendar-months__month");n&&"year"!==e.currentType&&"month"!==e.currentType&&_(e,l.dataset.calendarArrow),(()=>{if(["single","multiple","multiple-ranged"].includes(e.settings.selection.day)&&c){switch(e.settings.selection.day){case"single":e.selectedDates&&c&&c.dataset.calendarDay&&(c.classList.contains("vanilla-calendar-day__btn_selected")?e.selectedDates.splice(e.selectedDates.indexOf(c.dataset.calendarDay),1):(e.selectedDates=[],e.selectedDates.push(c.dataset.calendarDay)));break;case"multiple":e.selectedDates&&c&&c.dataset.calendarDay&&(c.classList.contains("vanilla-calendar-day__btn_selected")?e.selectedDates.splice(e.selectedDates.indexOf(c.dataset.calendarDay),1):e.selectedDates.push(c.dataset.calendarDay));break;case"multiple-ranged":(()=>{if(!e.selectedDates||!c||!c.dataset.calendarDay)return;if(e.selectedDates.length>1&&(e.selectedDates=[]),e.selectedDates.push(c.dataset.calendarDay),!e.selectedDates[1])return;const t=new Date(Date.UTC(new Date(e.selectedDates[0]).getUTCFullYear(),new Date(e.selectedDates[0]).getUTCMonth(),new Date(e.selectedDates[0]).getUTCDate())),l=new Date(Date.UTC(new Date(e.selectedDates[1]).getUTCFullYear(),new Date(e.selectedDates[1]).getUTCMonth(),new Date(e.selectedDates[1]).getUTCDate())),n=t=>{if(!e.selectedDates)return;const l=i(t);e.settings.range.disabled&&e.settings.range.disabled.includes(l)||e.selectedDates.push(l)};if(e.selectedDates=[],l>t)for(let e=t;e<=l;e.setUTCDate(e.getUTCDate()+1))n(e);else for(let e=t;e>=l;e.setUTCDate(e.getUTCDate()-1))n(e)})()}e.actions.clickDay&&e.actions.clickDay(t,e.selectedDates),e.settings.selected.dates=e.selectedDates,r?_(e,"prev"):u?_(e,"next"):d(e)}})(),(()=>{if(e.settings.selection.year)if(n&&"year"===e.currentType){if(void 0===e.viewYear)return;s?e.viewYear+=15:a&&(e.viewYear-=15),h(e)}else if("year"!==e.currentType&&v)h(e);else if("year"===e.currentType&&v)e.currentType=e.type,b(e);else if(g){if(void 0===e.selectedMonth||!e.dateMin||!e.dateMax)return;e.selectedYear=Number(g.dataset.calendarYear),e.currentType=e.type,e.selectedMonthe.dateMax.getUTCMonth()&&e.selectedYear===e.dateMax.getUTCFullYear()&&(e.settings.selected.month=e.dateMax.getUTCMonth()),e.actions.clickYear&&e.actions.clickYear(t,e.selectedYear),e.settings.selected.year=e.selectedYear,b(e)}})(),e.settings.selection.month&&("month"!==e.currentType&&m?o(e):"month"===e.currentType&&m?(e.currentType=e.type,b(e)):y&&(e.selectedMonth=Number(y.dataset.calendarMonth),e.currentType=e.type,e.actions.clickMonth&&e.actions.clickMonth(t,e.selectedMonth),e.settings.selected.month=e.selectedMonth,b(e)))}))},D=e=>{e.HTMLElement&&(b(e),T(e))};class f{constructor(e,t){var l,n,a,s,i,d,c,r,o,u,v,g,m,y,h,p,M,b,_,T,f,w,L,Y,x,$,H,C,U,k,E,N,S,K,A,F,q,P,O,I,j,V,W,z,B,G,J,Q,R,X,Z,ee,te,le,ne,ae,se,ie,de,ce,re,oe,ue,ve,ge,me,ye,he,pe,Me,be,_e,Te,De,fe,we,Le,Ye,xe,$e,He,Ce,Ue,ke,Ee,Ne,Se,Ke,Ae,Fe;this.init=()=>D(this),this.HTMLElement="string"==typeof e?document.querySelector(e):e,this.HTMLElement&&(this.type=null!=(l=null==t?void 0:t.type)?l:"default",this.date={min:null!=(a=null==(n=null==t?void 0:t.date)?void 0:n.min)?a:"1970-01-01",max:null!=(i=null==(s=null==t?void 0:t.date)?void 0:s.max)?i:"2470-12-31",today:null!=(c=null==(d=null==t?void 0:t.date)?void 0:d.today)?c:new Date},this.settings={lang:null!=(o=null==(r=null==t?void 0:t.settings)?void 0:r.lang)?o:"en",iso8601:null==(v=null==(u=null==t?void 0:t.settings)?void 0:u.iso8601)||v,range:{min:null!=(y=null==(m=null==(g=null==t?void 0:t.settings)?void 0:g.range)?void 0:m.min)?y:this.date.min,max:null!=(M=null==(p=null==(h=null==t?void 0:t.settings)?void 0:h.range)?void 0:p.max)?M:this.date.max,disabled:null!=(T=null==(_=null==(b=null==t?void 0:t.settings)?void 0:b.range)?void 0:_.disabled)?T:null,enabled:null!=(L=null==(w=null==(f=null==t?void 0:t.settings)?void 0:f.range)?void 0:w.enabled)?L:null},selection:{day:null!=($=null==(x=null==(Y=null==t?void 0:t.settings)?void 0:Y.selection)?void 0:x.day)?$:"single",month:null==(U=null==(C=null==(H=null==t?void 0:t.settings)?void 0:H.selection)?void 0:C.month)||U,year:null==(N=null==(E=null==(k=null==t?void 0:t.settings)?void 0:k.selection)?void 0:E.year)||N,time:null!=(A=null==(K=null==(S=null==t?void 0:t.settings)?void 0:S.selection)?void 0:K.time)&&A,controlTime:null!=(P=null==(q=null==(F=null==t?void 0:t.settings)?void 0:F.selection)?void 0:q.controlTime)?P:"all",stepHours:null!=(j=null==(I=null==(O=null==t?void 0:t.settings)?void 0:O.selection)?void 0:I.stepHours)?j:1,stepMinutes:null!=(z=null==(W=null==(V=null==t?void 0:t.settings)?void 0:V.selection)?void 0:W.stepMinutes)?z:1},selected:{dates:null!=(J=null==(G=null==(B=null==t?void 0:t.settings)?void 0:B.selected)?void 0:G.dates)?J:null,month:null!=(X=null==(R=null==(Q=null==t?void 0:t.settings)?void 0:Q.selected)?void 0:R.month)?X:null,year:null!=(te=null==(ee=null==(Z=null==t?void 0:t.settings)?void 0:Z.selected)?void 0:ee.year)?te:null,holidays:null!=(ae=null==(ne=null==(le=null==t?void 0:t.settings)?void 0:le.selected)?void 0:ne.holidays)?ae:null,time:null!=(de=null==(ie=null==(se=null==t?void 0:t.settings)?void 0:se.selected)?void 0:ie.time)?de:null},visibility:{templateHeader:null!=(oe=null==(re=null==(ce=null==t?void 0:t.settings)?void 0:ce.visibility)?void 0:re.templateHeader)?oe:"%M %Y",monthShort:null==(ge=null==(ve=null==(ue=null==t?void 0:t.settings)?void 0:ue.visibility)?void 0:ve.monthShort)||ge,weekNumbers:null!=(he=null==(ye=null==(me=null==t?void 0:t.settings)?void 0:me.visibility)?void 0:ye.weekNumbers)&&he,weekend:null==(be=null==(Me=null==(pe=null==t?void 0:t.settings)?void 0:pe.visibility)?void 0:Me.weekend)||be,today:null==(De=null==(Te=null==(_e=null==t?void 0:t.settings)?void 0:_e.visibility)?void 0:Te.today)||De,disabled:null!=(Le=null==(we=null==(fe=null==t?void 0:t.settings)?void 0:fe.visibility)?void 0:we.disabled)&&Le}},this.locale={months:null!=(xe=null==(Ye=null==t?void 0:t.locale)?void 0:Ye.months)?xe:[],weekday:null!=(He=null==($e=null==t?void 0:t.locale)?void 0:$e.weekday)?He:[]},this.actions={clickDay:null!=(Ue=null==(Ce=null==t?void 0:t.actions)?void 0:Ce.clickDay)?Ue:null,clickMonth:null!=(Ee=null==(ke=null==t?void 0:t.actions)?void 0:ke.clickMonth)?Ee:null,clickYear:null!=(Se=null==(Ne=null==t?void 0:t.actions)?void 0:Ne.clickYear)?Se:null,changeTime:null!=(Ae=null==(Ke=null==t?void 0:t.actions)?void 0:Ke.changeTime)?Ae:null},this.popups=null!=(Fe=null==t?void 0:t.popups)?Fe:null,this.currentType=this.type,this.selectedKeeping=null,this.userTime=!1)}}window.VanillaCalendar=f;const w=f;return t})()));
-
-function padding(v) {
- return ('0' + v).slice(-2)
-}
-
-const d = new Date()
-const year = d.getFullYear()
-const month = d.getMonth() + 1
-const day = d.getDate()
-const today = `${year}-${padding(month)}-${padding(day)}`
-const date_input = document.querySelector("#j_date")
-date_input.value = today
-const date_ele = document.getElementById('datepicker')
-const monday_first = date_ele.getAttribute('iso8601') === 'true';
-const calendar = new VanillaCalendar('#datepicker', {
- actions: {
- clickDay(e, dates) {
- date_input.value = dates[0]
- },
- },
- settings: {
- iso8601: monday_first,
- selected: {
- dates: [today],
- },
- },
-});
-calendar.init()
diff --git a/webpack.config.js b/webpack.config.js
index 78d2f70..9f746b4 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -125,6 +125,10 @@ const baseConfig = {
use: 'ts-loader',
exclude: /node_modules/,
},
+ {
+ test: /\.css$/,
+ use: [ 'style-loader', 'css-loader' ]
+ }
],
},
};
@@ -198,9 +202,6 @@ function resolveExtraScriptPath(name) {
output: {
filename: `${nameNoExt}.js`,
path: distDir,
- library: 'default',
- libraryTarget: 'commonjs',
- libraryExport: 'default',
},
};
}