DatePicker

日期选择器。

新增属性

  • 属性说明:
参数名 类型 必填 默认值 说明
picker string 设置选择器类型[‘date’, ‘dateTime’, ‘week’, ‘month’, ‘quarter’, ‘year’],在原有的属性中,新增一个 dateTime

使用方法

  • 代码示例:
    // 在script标签中按需引入
    import { DatePicker } from '@jecloud/ui';
    export default {
      components: { DatePicker },
      setup() {
          const data = reactive({
          value: "1994-09-09 12:22:22",
          });
      return { data };
      },
    };
    // 在vue的template标签中
    <DatePicker picker="dateTime" v-model:value="data"/>
  • 事件脚本示例:
    //时间加值改变事件
    const { DatePicker } = JE.useUi();
    const { h, ref }= JE.useVue();
    const colorValue = ref("1994-09-09 12:22:22");
    return h(DatePicker, {
      value:colorValue.value,
      picker: "dateTime",
      'onUpdate:value': function (val) {
            // 在这里进行赋值      
      }
    });
最后编辑: 秦永莲  文档更新时间: 2024-08-08 13:51   作者:秦永莲