代码拉取完成,页面将自动刷新
参考layui日期选择器,做的一个可输入的日期选择器,对输入区域做了一些限制。
软件架构说明
目录:
首先引入jquery,再引入css文件与mi-date.js文件即可
1.例子1:
<input class="mi-date-input" type="text" name="" id="rq">
midate.render({
elem: '#rq1' // 绑定的id
, type: 'datetime' // 类型 当前可选【date|datetime|datehour|dateminute】
, format: 'yyyy-MM-dd hh:mm:ss'
, clear: function(value, date) {
console.log("点击【重置】按钮回调:", value, date)
}
, now: function(value, date) {
console.log("点击【现在】按钮回调:", value, date)
}
, confirm: function(value, date) {
console.log("点击【confirm】按钮回调:", value, date)
}
})
例子2:
<input class="mi-date-input" type="text" name="" id="rq1">
midate.render({
elem: '#rq1'
, type: 'datehour'
, format: 'yyyy年MM月dd天 hh时'
, confirm: function(value, date) {
console.log("点击【confirm】按钮回调:", value, date)
}
})
2.参数说明:
(1)参数列表:
参数 | 类型 | 参数说明 |
---|---|---|
elem | string | input元素的id值 |
value | string | 日期初始值 |
type | string | 日期的类型,默认值date |
format | string | 日期格式化规则,默认值yyyy-MM-dd |
min | string | 日期最小值 |
max | string | 日期最大值 |
clear | function | 【重置】按钮回调 |
now | function | 【现在】按钮回调 |
confirm | function | 【confirm】按钮回调 |
(2)参数明细
type可选值 | 对应date的format默认值 |
---|---|
date | yyyy-MM-dd |
datetime | yyyy-MM-dd hh:mm:ss |
datehour | yyyy-MM-dd hh |
dateminute | yyyy-MM-dd hh:mm |
format的格式除了yyyyMMddhhmmss不可改变,其它的分割符支持改变
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。