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

boyanx3个月前技术教程12

序言: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插件

相关文章

11个最佳 jQuery 滚动条插件

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

jQuery基础回顾——jQuery与Ajax应用

Ajax全称为“Asynchronous JavaScript XML”(异步javaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。A...

《神奇女侠》战甲拦不住豹女撕扯?丨揭秘

由派蒂·杰金斯执导,盖尔·加朵主演的超级英雄电影《神奇女侠1984》于12月18日在国内上映,这次神奇女侠的全新大银幕冒险回到了1980年代,她将驾乘闪电驰骋天空,穿着最新的道具黄金战甲追逐梦想,同时...

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

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

改进网站设计的免费jQuery插件Top 7

开发人员构建网站都希望能够给用户最好的体验。如今,网上有许多工具可以帮助开发人员提高网站的用户体验!就目前的趋势而言,jQuery插件是最好的工具,它能充分的利用JavaScript的优势,给网站的用...

实用的 jQuery下拉选择框插件集合

jQuery是目前最受欢迎的JavaScript库,并且在全世界都已经被广泛应用。今天,小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件,这可以大大的简化开发人员的工作流程。诸如这些资...

发表评论    

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