乙個vue calendar的npm元件

2022-07-20 08:57:10 字數 2496 閱讀 7503

1.基於element-ui開發的vue日曆元件。

更新:1.增加日期多選 :selectionmode="'dates'",事件select返回選擇日期及節點 2.增加語言切換 :lang="'en'" 3.抽離css方便自定義樣式 import 'ele-calendar/dist/vue-calendar.css' //引入css 注釋:需要配置了jsx依賴

你的vue專案的根目錄底下執行:

npm install ele-calendar

2.引入本npm包並註冊為vue的元件:

例如:在需要使用的vue頁面中:

:render-content="rendercontent"

:data="datedef"

:prop="prop"

>ele-calendar>

template>

import elecalendar from 'ele-calendar'

import 'ele-calendar/dist/vue-calendar.css' //引入css

export default ,,],

prop:'date' //對應日期欄位名}},

components: ,

methods:  

>備選項

) : >)}

return (

="min-height:60px;">

);},}}

script> 

3.通過render-content的渲染function 自定義日曆顯示內容

例如:
rendercontent(h,parmas) div> 

備選項span>

div>) : 

div>)}

return (

div>

);},

parmas返回當前日期和傳入data對應內容

引數說明

型別可選值

預設值data

顯示的資料

array——

prop

對應日期欄位名

string——

lang

語言切換

string

enzh-cn

selectionmode

日曆模式

string

dates

dayhighlight

是否要高亮對應日期

boolean

—false

currentmonth

高亮選中日期

boolean

—false

disableddate

設定禁用狀態,引數為當前日期,要求返回 boolean

function——

border

是否帶有邊框

boolean

—false

lunarcalendar

是否需要農曆

boolean

—false

defaultvalue

預設展示某月

date—-

render-content

內容區的渲染 function

function(h, parmas)——

事件名說明

引數date-change

切換日曆年、月

data

select

選擇日期的陣列及節點

val,selectdom

pick

點選日曆

返回當前點選時間data、event、row、dome

v-model="searchform.intyear"

type="year"

placeholder="請選擇"

value-format="yyyy"

@change="changedate"

/>

type="primary"

icon="el-icon-search"

:loading="loading"

:disabled="loading"

@click="search"

>查詢

預置日曆

:render-content="rendercontent"

:data="datedef"

:prop="prop"

:highlight="false"

:border="true"

:default-value="defaultvalue"

value-format="yyyy-mm-dd"

class="work-day"

@pick="pick"

@date-change="datechange"

/>

C 製作乙個N乘N的螺旋陣列

螺旋陣列顧名思義就是乙個旋轉的陣列,陣列大小由小到大順時針縮小到最後一位。例如五乘五的螺旋陣列如下,其實從上面的例子可以看出一點規律了,數字從左到右遞增,當遞增到右側最後一位陣列的時候就從上往下遞增接著遞增到底部最後一位的時候,就從右往左遞增,遞增到左側最後一位陣列的時候就又從下往上遞增,然後遞增陣...

輸入乙個正整數n,輸出n 的值。

輸入乙個正整數 n nn 輸出 n n n 的值。其中n 1 2 3 nn 1 2 3 cdots n n 1 2 3 n演算法描述 n n n 可能很大,而計算機能表示的整數範圍有限,需要使用高精度計算的方法。使用乙個陣列 a aa 來表示乙個大整數 a aa a 0 a 0 a 0 表示 a a...

已知n是乙個整數,

已知n是乙個整數,1 n 100 請完成函式judge,要求當n是奇數時列印odd,當n為偶數且在閉區間 2,5 之間時列印 the number is between 2 and 5 當n為偶數且在比區間 6,20 之間時列印 the number is between 6 and 20 當n為偶...