序言：mm再也不用担心我找不到合适好看的日期选择插件了，今天分享三款纯jquery移动端日期时间选择插件，赶紧点赞收藏转发吧。
一、jQuery移动端触屏滑动时间日期选择插件
简介：jQuery移动端触屏滑动时间日期选择插件，点击文本框触发时间选择控件，默认选择当前日期，选好的以红色显示。
js代码：
//选择 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']));
// });
$.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)
二：简单的jQuery移动端日期时间选择插件
本文转载自：https://www.gylmap.com
简介：一款简单的jQuery手机移动端日期时间选择插件，点击输入框遮罩弹出日期时间选择器，手机触屏滑动分别选择年、月、日、时、分。
js代码：
$.date('#date3');
三：datePicker简单的手机移动端日期选择插件
简介：datePicker是一款非常简单易用的手机移动端日期选择插件，点击输入框触发弹出年月日滑动选择控件。
js代码：
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(){/*取消时触发事件*/
}
});
以上是为大家分享的三款纯jquery移动端日期时间选择插件，有需要以上代码的可以在下方给我留言。
秒鲨号所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈！本站将在三个工作日内改正。
