The
user inserts the calendar for the first time, needs authorization confirmation:
The
calendar insertion is successful or fails, a global prompt will be made at the top of the quick application:
View the
system calendar:



<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
<div class="container-full">
<calendar data="{{data}}" params="{{params1}}"></calendar>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
<script>
export default {
private: {
data: {},
params1: {}
}
}
</script>

Check the
mobile system calendar after inserting the calendar, the result is consistent:


<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
<div class="container-full">
<calendar data="{{data2}}" params="{{params2}}"></calendar>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
<script>
export default {
private: {
data2:{
'title': '我的健身日程',
'content': '参加李教练的健身课。',
'date': '2020-03-31',
'timeRange': '15:30至16:30',
'allDay': false,
'remind': ['5','10','30'],//支持:1,5,10,15,30,60,120
//'repeat': 'WEEKLY',//支持:DAILY,WEEKLY,MONTHLY,YEARLY
'repeat': 'WEEKLY',
'expiration': 'UNTIL',//支持:FOREVER,COUNT,UNTIL
//'count': '10',
'until': '2021-03-31',
'interval': '1',
'byday': ['TU','TH']
},
params2: {}
}
}
</script>

<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
<div class="container-full">
<calendar data="{{data}}" params="{{params3}}" type="danger"></calendar>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
<script>
export default {
private: {
data: {},
params3: {}
}
}
</script>

<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
<div class="container-full">
<calendar data="{{data}}" params="{{params4}}" simple="true"></calendar>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
<script>
export default {
private: {
data: {},
params4: {}
}
}
</script>
Scanning experience