前言: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>
II:简单的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',/*最小日期*/ '***xDate':'2100-12-31',/*最大日期*/ 'onSubmit':function(){/*确认时触发事件*/ var theSelectData=calendar.value; }, 'onClose':function(){/*取消时触发事件*/ } }); </script>
以上是大家分享的三款纯jquery定位器日期时间选择插件。如果你需要以上代码,可以在下面给我留言。
本文来自无言温柔天然对象投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/646129.html