移动端仿iOS日期时间选择控件datePicker-原创

所属分类:输入-日期和时间

 100217  479  查看评论 (139)
分享到微信朋友圈
X
移动端仿iOS日期时间选择控件datePicker-原创 ie兼容10

datePicker

使用方法

页面引入datePicker.js

<script src="js/datePicker.js"></script>

调用方法及参数设置

var calendar = new datePicker();
calendar.init({
	'trigger': '#demo1', /*按钮选择器,用于触发弹出插件*/
	'type': 'date',/*模式:date日期;datetime日期时间;time时间;ym年月;*/
	'minDate':'1900-1-1',/*最小日期*/
	'maxDate':'2100-12-31',/*最大日期*/
	'onSubmit':function(){/*确认时触发事件*/
		var theSelectData=calendar.value;
	},
	'onClose':function(){/*取消时触发事件*/
	}
});
相关插件-日期和时间

基于laydate时间控件修改版(精确到秒)

一款精确到秒的时间控件是英文版本
  日期和时间
 56783  381

移动端日期滚动选择插件mobisscroll3.0完整版

mobiscroll是个很好用的jQuery日期插件,它可以实现在移动端滚动选择日期。
  日期和时间
 46488  395

jQuery日期时间选择插件jHsDate

一个简单的jQuery日期时间选择插件
  日期和时间
 46381  334

jQuery日历插件支持多选、单选日期(原创)

日历支持多选日期单选日期等
  日期和时间
 32313  213

讨论这个项目(139)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    淼? 0
    2023/5/19 11:11:26
    写了两个时间,一个开始时间,一个结束时间, 开始时间不能大于结束时间,结束时间不能小于开始时间,怎么整? 回复
    瘦七斤 0
    2022/11/14 17:51:43
    怎么只选到年份? 回复
    瘦七斤 0
    2022/11/14 17:51:26
    怎么只选年份? 回复
    JIAYO? 0
    2021/9/29 9:14:48
    怎么把月份换成英文 回复
    凡 星 0
    2020/9/15 9:54:33
    同一个页面放两个时间怎么操作
        西瓜1
        2020/9/15 12:21:59
        简单从以下代码😉
        html
        <input id="demo1">
        <input id="demo2">
        js
        var calendar = new datePicker();
        calendar.init({
            'trigger': '#demo1',
            /*按钮选择器,用于触发弹出插件*/
            .....
        });
        var calendar = new datePicker();
        calendar.init({
            'trigger': '#demo2',
            /*按钮选择器,用于触发弹出插件*/
            .....
        });
    回复
    augu.st 0
    2020/3/25 17:55:06
    怎么把最小日期设置成当前日期,急急急 回复
    美国超人有裤衩? 0
    2020/3/24 11:54:01
    maxDate 最大日期如何设置为当前年份 而不是2020-12-31这种死的 回复
    不毕业?? 0
    2020/1/20 11:20:45
    无限滚动怎么做 回复
    容颜在美、也是伤痕累累╂ 0
    2019/6/7 22:41:45
    <meta name="viewport" content="width=device-width, initial-scale=1">
    回复
    曼珠沙华 0
    2019/4/15 17:37:26
    怎么获取选中的时间,calendar.value获取的值为0 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复