Df_datetimepicker2 NPM

df-datetimepicker

基于vue开发的日期时间选择组件

二次开发

git clone https://github.com/zzzzzga/df-datetimepicker.git
cd df-datetimepicker
npm i
npm run dev

快速使用

安装

npm i -S df_datetimepicker

引用

<template>
  <div>
    ...
    <dfDatetimepicker />
    ...
  </div>
</template>
<script>
import dfDatetimepicker from 'df_datetimepicker'
export default {
  ...
  components: {
    dfDatetimepicker
  },
  ...
}
</script>

功能介绍

实现简单的日期时间选择

属性值

参数	类型	默认值	描述
value	String	''	初始值
placeholder	String	'选择日期时间'	占位内容
monthTip	Array	'一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'	各个月份显示格式
weekTip	Array	'一', '二', '三', '四', '五', '六', '日'	各个星期显示格式
defaultSelectNow	Boolean	true	默认是否选中当前日期
minuteStep	Number	15	分钟的间隔
readonly	Boolean	false	输入框只读，只可选择，不能输入
canSelectRange	Array	null	定义可以选择的范围，如'2018-9-10', '2018-9-20'
dateFormatStr	String	yyyy年MM月dd日 hh:mm	日期在输入框中的格式