更新记录

1.3.0(2019-07-13)

  • -

Calendar 日历

uni-calendar,代码块: uCalendar。

调用方式

  1. <view> <uni-calendar :insert="true" :lunar="true" :disable-before="true" :start-date="'2019-3-2'" :end-date="'2019-5-20'" @change="change" /></view>
  1. import {uniCalendar} from "@/components/uni-calendar/uni-calendar"export default { components: { uniCalendar }, data() { return {}; }, methods: { change(e) { console.log(e); } }};

属性说明

事件说明

方法说明

calendar 组件上定义 ref 属性,通过 ref 属性使用方法。 代码示例

  1. <view> <uni-calendar ref="calendar" :insert="false" @confirm="confirm" /> <button @click="open">打开日历</button></view>
  1. import {uniCalendar} from "@/components/uni-calendar/uni-calendar"export default { components: { uniCalendar }, data() { return {}; }, methods: { open(){ this.$refs.calendar.open(); }, confirm(e) { console.log(e); } }};

事件返回属性说明

  1. { // 范围选择 "range": { // 范围开始日期 "begin": "2019-06-25", // 范围结束日期 "end": "2019-06-27", // 范围日期数组 "data": [ "2019-06-25", "2019-06-26", "2019-06-27" ] }, // 当前年 "year": 2019, // 当前月 "month": 6, // 当前日 "date": 27, // 农历 "lunar": { // 农历年 "lYear": 2019, // 农历月 "lMonth": 5, // 农历日 "lDay": 25, // 生效 "Animal": "猪", // 农历月 "IMonthCn": "五月", // 农历日 "IDayCn": "廿五", // 公历年 "cYear": 2019, // 公历月 "cMonth": 6, // 公历日 "cDay": 27, "gzYear": "己亥", "gzMonth": "庚午", "gzDay": "乙未", // 是否今天 "isToday": true, "isLeap": false, // 周 "nWeek": 4, "ncWeek": "星期四", // 是否节气 "isTerm": false, // 节气名 "Term": null, // 星座 "astro": "巨蟹座" }, //打点信息 "clockinfo": { // 是否打点 "have": true, // 打点日期 "date": "2019-06-27", // 打点描述 "info": "签到", // 额外信息 "data": { "custom": "自定义信息", "name": "自定义消息头" } }, // 当前完整日期 "fulldate": "2019-6-27"}

@1900-2100区间内的公历、农历互转 Tips:

  • -

    更新日志

    v1.3.0

  • -

    v1.2.0

  • -

    v1.1.1

  • -

    v1.1.0

  • -

    v1.0.0

  • -