s94-inputdate
Version:
时间选择控件
104 lines (85 loc) • 3.41 kB
Markdown
var inputdate = require('s94-inputdate');
$('input[type="text"]').on('click',function(){
//调起插件界面
var _this = this;
inputdate(function(res){
_this.value = res; //把选择的时间结果,赋值到input里面
},'Y-M-D H:I:S', this.value); //已input的值作为初始数据
})
```
[ ])](
[ ](
[ ](
[ ](
<p id="inputdate"></p>
- callback `Function` 接受时间日期选择的结果回调函数,接受一个对象,查看[详细介绍](
- fmt `String` 返回的时间字符串格式样式,会根据fmt设定需要启用的控件,(**默认值**:Y-M-D H:I:S),查看[详细介绍](
- initdate `Date|String` 初始化时间,为字符串格式需要和fmt一致,(**默认值**:new Date())
- 返回 `underfind`
>调起时间日期控件界面
```js
var inputdate = require('s94-inputdate');
$('input[type="text"]').on('click',function(){
//调起插件界面
var _this = this;
inputdate(function(res){
_this.value = res; //把选择的时间结果,赋值到input里面
},'Y-M-D H:I:S', this.value); //已input的值作为初始数据
})
```
<p id="inputdate_init"></p>
- config `Object` 配置参数
- color `String` 高亮颜色
- week `Array` 星期格式,星期天开头,默认['日','一','二','三','四','五','六']
- month `Array` 月份格式,默认['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
- img_left `String` 切换用的单箭头图片地址
- img_left2 `String` 切换用的双箭头图片地址
- 返回 `underfind`
>控件初始化,`inputdate()`执行的时候会自动初始化,该函数一般用于修改配置,自定义控件风格
```js
var inputdate = require('s94-inputdate');
inputdate.init({color: '#f00'});
$('input[type="text"]').on('click',function(){
//调起插件界面
var _this = this;
inputdate(function(res){
_this.value = res; //把选择的时间结果,赋值到input里面
},'Y-M-D H:I:S', this.value); //已input的值作为初始数据
})
```
<p id="callback"></p>
```js
{
value: "2022-01-25 20:25:33", //根据fmt格式化的时间字符串
y: 2022, //年份的值{1970-}
m: 1, //月份的值{1-12}
d: 25, //当月第几天的值{1-31}
h: 20, //小时的值{0-23}
i: 25, //分钟的值{0-59}
s: 33, //秒的值{0-59}
Date: `Date`, //时间对象
}
//该对象可以直接当字符串使用,等效于value属性
inputdate(function(res){
res.value == res; //true
res.value === res; //false
}); //已input的值作为初始数据
```
<p id="fmt"></p>
返回的时间字符串格式样式。
字母ymdhis分别表示年月日时分秒,大写为有前置0、小写为没有前置0。
W为中文的星期几、w为星期序列(1为星期一... 7为星期天)
>该参数和 **s94.date(fmt[, time])** 中的fmt相同
> 时间日期选择工具
```
$ npm install s94-inputdate
```
```js