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為偶...