0.0.1-beta.12 • Published 3 months ago

@blueking/search-select v0.0.1-beta.12

Weekly downloads
-
License
MIT
Repository
-
Last release
3 months ago

支持 Vue2/Vue3 版本 无差别使用

show

安装

npm i @blueking/date-picker

使用

  • vue3框架下使用
<template>
  <div class="app">
    <DatePicker
      v-model="value"
      v-model:timezone="timezone"
      format="YYYY-MM-DD HH:mm:ss"
      :behavior="'normal'"
      :version="2"
      :disabled="false"
      @update:model-value="handleValueChange"
    />
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';

import DatePicker from '@blueking/date-picker';

// 如果项目没有安装bkui-vue, dayjs 则可使用全量版本
import DatePicker from '@blueking/date-picker/vue3';
import '@blueking/date-picker/dist/vue3-full.css';

const value = ref(['now-2d/d', 'now',]);
const timezone = ref('Asia/Shanghai');
const handleValueChange = (value, info) => {
  console.log(value, info);
};
</script>
  • vue2框架下使用
<template>
  <div class="hello">
    <DatePicker
      :modelValue="modelValue"
      :timezone.sync="timezone"
      @update:modelValue="handleValueChange"/>
  </div>
</template>

<script>
import DatePicker from '@blueking/date-picker/vue2'
import '@blueking/date-picker/dist/vue2-light.css'
export default {
  data(){
      return {
        modelValue: ['now-2d/d', 'now'],
        timezone: 'Asia/Shanghai'
    }
  },
  components: {
    DatePicker
  },
  methods: {
    handleValueChange(v, info) {
      console.log(v, info)
      this.modelValue = v
    }
  }
}
</script>
0.0.1-beta.12

3 months ago

0.0.1-beta.7

4 months ago

0.0.1-beta.6

4 months ago

0.0.1-beta.9

4 months ago

0.0.1-beta.8

4 months ago

0.0.1-beta.10

4 months ago

0.0.1-beta.11

4 months ago

0.0.1-beta.3

4 months ago

0.0.1-beta.5

4 months ago

0.0.1-beta.4

4 months ago

0.0.1-beta.2

1 year ago

0.0.1-beta.1

1 year ago