每日分享,三款纯jquery移动端日期时间选择插件

boyanx9个月前技术教程33

序言:mm再也不用担心我找不到合适好看的日期选择插件了,今天分享三款纯jquery移动端日期时间选择插件,赶紧点赞收藏转发吧。

一、jQuery移动端触屏滑动时间日期选择插件

简介:jQuery移动端触屏滑动时间日期选择插件,点击文本框触发时间选择控件,默认选择当前日期,选好的以红色显示。

js代码:

<script> 
   //选择 YYYY-MM-dd 格式的调用: 
   $.selectYY_MM_DD("#select_0"); 
 
   $('.title').html('选择起始时间') 
//    $(function () { 
//             var currYear = (new Date()).getFullYear();    
//             var opt={}; 
//             opt.date = {preset : 'date'}; 
//             opt.default = { 
//                 theme: 'android-ics light', //皮肤样式 
//                 display: 'modal', //显示方式  
//                 mode: 'scroller', //日期选择模式 
//                 lang:'zh', 
//                 startYear:currYear-10, //开始年份 
//                 endYear:currYear + 10 //结束年份 
//             }; 
              
//             $("#start_kdsj").val('').scroller($.extend(opt['date'], opt['default'])); 
//             $("#end_kdsj").val('').scroller($.extend(opt['date'], opt['default'])); 
//         }); 
</script> 
<script> 
    $.selectYY_MM_DD("#select_1"); 
 
           var myDate = new Date; 
            var year = myDate.getFullYear(); //获取当前年 
            var mon = myDate.getMonth() + 1; //获取当前月 
            var date = myDate.getDate(); //获取当前日 
            console.log(year,mon,date) 
</script>

二:简单的jQuery移动端日期时间选择插件

简介:一款简单的jQuery手机移动端日期时间选择插件,点击输入框遮罩弹出日期时间选择器,手机触屏滑动分别选择年、月、日、时、分。

js代码:

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.date.js"></script> 
<script type="text/javascript"> 
$.date('#date3'); 
</script>

三:datePicker简单的手机移动端日期选择插件

简介:datePicker是一款非常简单易用的手机移动端日期选择插件,点击输入框触发弹出年月日滑动选择控件。

js代码:

<script src="datePicker.js"></script> 
    <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(){/*取消时触发事件*/ 
    } 
}); 
     
    </script>

以上是为大家分享的三款纯jquery移动端日期时间选择插件,有需要以上代码的可以在下方给我留言。

我是小程序软件开发,每天分享开发过程中遇到的知识点,如果对你有帮助的话,帮忙点个赞再走呗,非常感谢。

往期文章分享:

程序员搞笑的段子,总有一条戳中你的笑点

微信小程序editor富文本编辑器的使用,拿走不谢

标签: jquery插件

相关文章

强大的jQuery移动插件Top 10

随着移动互联网的发展,PC端的网页并不能完全适应移动端的要求,这使得响应式的设计体验成为一种潮流,从而也促成了jQuery Mobile的流行。jQuery Mobile具有良好的扩展性和可自定义性,...

开发者不应错过的10个有用jQuery插件

jQuery是简化了HTML文档遍历、事件处理、动画和Ajax交互最快、最简洁的JavaScript库。随着越来越多的jQuery插件出现,开发者们可以很轻易地将所需要的组件整合进他们的导航菜单、lo...

jQWidgets v3.9.0正式发布

近日,jQWidgets正式发布了v3.9.0。新版本新增了jqxScheduler、jqxDockingLayout、jqxLayout等部件,同时还新增了jqxRibbon标签重新排序的功能等功能...

11个最佳 jQuery 滚动条插件

1. Windows:全屏窗口滚动插件该插件可以很好地实现全屏滚动,每滚动一次即为一屏。比如,用户浏览下一屏幕内容时,只需手动滚动到某一位置,该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的...

UI组件Kendo UI for jQuery R3 2022亮点——拥有全新的按钮组件

Kendo UI for jQuery提供了在短时间内构建现代Web应用程序所需的一切,从众多UI子控件中选择,并将它们组合起来,创建酷炫响应式的应用程序,同时能最大限度的加快开发时间。现代jQuer...

jQuery插件推荐(4):必备的 jQuery 树形插件

我想今天介绍的这款插件应该很多人都知道,都用过,我觉得也是前端工程师必备插件之一。个人觉得在很多管理系统必不可少!吹了这么多,你一定想知道是哪款插件了,没错就是zTree。zTree 是一个依靠 jQ...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。