返回介绍

JDate 日期组件

发布于 2020-09-14 22:20:38 字数 2059 浏览 2875 评论 0 收藏 0

说明: antd-vue 日期组件需要用 moment 中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可

参数配置

参数类型必填说明
placeholderstringplaceholder
readOnlybooleantrue/false 默认 false
valuestring绑定 v-model 或是 v-decorator 后不需要设置
showTimeboolean是否展示时间 true/false 默认 false
dateFormatstring日期格式 默认 YYYY-MM-DD 若 showTime 设置为 true 则需要将其设置成对应的时间格式,如:YYYY-MM-DD HH:mm:ss

事件

事件名说明回调参数
change日期值改变回调日期的值

使用示例

1.组件带有 v-model 的使用方法

    <j-date v-model="dateStr"></j-date>

2.组件带有 v-decorator 的使用方法

    <j-date v-decorator="['dateStr',{}]"></j-date>

3.其他使用

添加 style

<j-date v-model="dateStr" style="width:100%"></j-date>

添加 placeholder

<j-date v-model="dateStr" placeholder="请输入dateStr"></j-date>

添加 readOnly

<j-date v-model="dateStr" :read-only="true"></j-date>

备注:script 内需引入 jdate

<script>
  import JDate from '@/components/jeecg/JDate'
  export default {
    name: "demo",
    components: {
      JDate
    }
    //...
  }
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文