鎸夌収鎯緥锛屽厛涓婃晥鏋滃浘vue-hash-calendar鍩轰簬vue2.X寮€鍙戠殑鏃ュ巻缁勪欢锛屾敮鎸佹墜鍔挎粦鍔ㄦ搷浣溌?鍘熺敓js寮€鍙戯紝鏃犵涓夋柟寮曞叆搴撲笂涓嬫粦鍔ㄥ垏鎹㈠懆/鏈堟ā寮忋€愬懆妯″紡銆戝乏鍙虫粦鍔ㄥ垏鎹笂涓€鍛?涓嬪懆銆愭湀妯″紡銆戝乏鍙虫粦鍔ㄥ垏鎹笂涓€鍛╩onth/nextmonth瀹夎璇存槑npmivue-hash-calendar//鍦ㄥ叆鍙ｆ枃浠讹紙main.js锛変腑瀵煎叆缁勪欢搴搃mportvueHashCalendarfrom'vue-hash-calendar'//瀵煎叆缁勪欢CSS鏍峰紡import'vue-hash-calendar/lib/vue-hash-calendar.css'//娉ㄥ唽缁勪欢搴揤ue.use(vueHashCalendar)//鍦╒UE鏂囦欢涓紩鍏ョ粍浠?vue-hash-calendar>Demo鎴栬鍦ㄦ祻瑙堝櫒鐨勬墜鏈烘ā寮忎笅鏌ョ湅锛歨ttps://www.hxkj銆倂ip/demo/calendar/馃帀濡傛灉瑙夊緱濂界敤鍙互缁欎釜star~~馃帀github鍦板潃锛歨ttps://github.com/TangSY/vue-hash-calendarAPI灞炴€ф弿杩扮被鍨嬮粯璁や负鎺у埗鏃ュ巻缁勪欢鐨勬樉绀烘槸鍚﹂殣钘忥紝闇€瑕佷娇鐢?sycn淇グ绗ooleanfalse鍚crollChangeDate鎺у埗婊戝姩鏃舵槸鍚︿慨鏀归€変腑鏃ユ湡Booleantrue鍚︽ā鍨嬫棩鍘嗙粍浠剁殑褰㈠紡鏄惁鏄剧ず銆俰nline锛氬唴鑱旀ā寮忋€俤ialog:寮圭獥鏂瑰紡StringinlineNodefaultDatetime鎸囧畾榛樿鏃堕棿銆傛棩鏈熷綋鍓嶆椂闂存棤鏍煎紡纭鏃ユ湡鏃跺洖璋冧簨浠惰繑鍥炵殑鏃ユ湡鏍煎紡銆傚"YY/MM/DDhh:mm","YY骞碝M鏈圖D鏃ワ紝褰撳墠鏃堕棿hh鏃秏m鍒?StringYY/MM/DDhh:mm鏃爓eekStart浠ユ槦鏈熷嚑涓鸿捣濮嬪懆鏃ュ巻鐨勬瘡涓槦鏈熴€俹ptional['sunday','monday','tuesday','wednesday','thursday','friday','saturday']Stringsunday鍚ickerType閫夋嫨鍣ㄧ被鍨媎atetime:date+timedate:datetime:timeStringdatetime鍚howTodayButton鏄惁鏄剧ず杩斿洖浠婂ぉ鎸夐挳Booleantrue鍚sShowWeekView鏄惁浠ュ懆瑙嗗浘鏄剧ず缁勪欢Booleanfalse鍚isabledWeekView绂佺敤鍛ㄨ鍥撅紙璁剧疆涓簍rue鍚庯紝鏃犳硶涓婁笅婊戝姩鍒囨崲鍛?鏈堬級Booleanfalse鍚isabledDate璁剧疆鏃ユ湡鐨勭鐢ㄧ姸鎬侊紝鍙傛暟涓哄綋鍓嶆棩鏈燂紝闇€瑕佽繑鍥炲竷灏斿€硷紙杩斿洖true鍒欑鐢ㄦ棩鏈燂級鍔熻兘---鏃爉arkDate闇€瑕佹爣璁扮殑鏃ユ湡鍙互鍒嗙粍鏍囪涓嶅悓鐨勯鑹诧紙濡傛灉鏈垎缁勶紝鍒欓粯璁や负钃濊壊锛夈€傚锛歔{color:'red',date:['2019/02/25']},{color:'blue',date:['2019/01/20']},'2019/03/20']Array[]NomarkTypemarkpatterntypedot:smalldot锛堟棩鏈熶笅鏂圭敤灏忓渾鐐规爣璁帮級circle:smallcircle锛堟棩鏈熻灏忓渾鍖呭洿锛塪ot+circle:鏃㈢敤鐐瑰張鐢ㄥ渾markStringdot鍚inuteStep闂撮殧鏃堕棿銆傦紙鍒嗛挓姝ラ暱锛塏umber1鍚︿簨浠朵簨浠跺悕绉版弿杩板弬鏁版洿鏀规棩鏈熸洿鏀规椂瑙﹀彂姝や簨浠躲€?杩斿洖鏃ユ湡鐨勬牸寮忓彇鍐充簬format灞炴€?(date:褰撴棩鏈熸敼鍙樻椂锛岄€夋嫨鐨勬棩鏈?褰撶‘璁ゆ寜閽鐐瑰嚮鏃讹紝瑙﹀彂璇ヤ簨浠讹紝璇ユ寜閽粎鍦ㄥ璇濇妯″紡涓嬪彲鐢ㄣ€?杩斿洖鏃ユ湡鐨勬牸寮忓彇鍐充簬format灞炴€?(date:褰撶‘璁ゆ寜閽鐐瑰嚮鏃讹紝閫夋嫨鐨勬棩鏈?褰撴棩鏈熻鐐瑰嚮鏃讹紝瑙﹀彂璇ヤ簨浠躲€?杩斿洖鐨勬棩鏈熸牸寮忓彇鍐充簬format灞炴€?(date:褰撳墠鐐瑰嚮鐨勬棩鏈?touchstartcalendarslidestart浜嬩欢锛屼笌鍘熺敓浜嬩欢鐩稿悓銆?event:touchevent)touchmove鏃ュ巻婊戝姩绉诲姩浜嬩欢锛屽悓鍘熶簨浠躲€?event:touchevent)touchend鏃ュ巻婊戝姩缁撴潫浜嬩欢锛屽悓鍘熺敓浜嬩欢銆?event:touchevent)slidechange鏃ュ巻婊戝姩鐨勬柟鍚戙€傝繑鍥炲€硷細鍙炽€佸乏銆佷笂銆佷笅銆?direction:婊戝姩鐨勬柟鍚?versionrecordchangelogOther鍦ㄥ璇濇妯″紡涓嬶紝濡備綍鏄剧ず鏃ュ巻缁勪欢锛熸敞鎰忎娇鐢?sync淇グ绗?vue-hash-calendar:visible.sync="isShowCalendar">//璁剧疆涓簍ruethis.isShowCalendar=true;濡備綍璁剧疆绂佺敤鏃ユ湡锛熸簮鐮佷腑鍙互鍙傝€傾pp.vue鏂囦欢//渚嬪绂佺敤浠婂ぉ涔嬪悗鐨勬墍鏈夋棩鏈?**vue妯℃澘鏂囦欢**/
