jQuery Mobile 日期插件 Mobiscroll 使用说明

最新推荐文章于 2020-07-28 18:41:31 发布

清木Moyu

最新推荐文章于 2020-07-28 18:41:31 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/sun124608666/article/details/80805544

版权

先引入固定的js和css

HTML

<input type="text" id="date" />

JS部分

//初始化日期控件
var opt = {
    preset: 'date', //日期  （datetime 有 时、分、秒）
    theme: 'ios', //皮肤样式
    display: 'bottom', //显示方式
    mode: 'scroller', //日期选择模式（scroller滚动选择 clickpick点击选择）
    dateFormat: 'yy-mm-dd', // 日期格式（input框中显示的日期）
    setText: '确定', //确认按钮名称
    cancelText: '取消',//取消按钮名称
    dateOrder: 'yymmdd', //面板中日期排列格式（弹出的选择面板中的日期格式）
    //minDate、maxDate 规定的最早最晚日期 new Date(年,月,日,时,分) 月份会比规定的晚一个月，所以是规定月份 -1
    minDate: new Date(1900,0,1,0,0), //能选择的最早日期
    maxDate: new Date(now.split("-")[0],now.split("-")[1]-1,now.split("-")[2],0,0),  //能选择的最晚日期
    //endYear:2020, //结束年份 有maxDate此值无效
    dayText: '日', monthText: '月', yearText: '年', //面板中年月日文字
    lang:'zh' //语言
};

$("#date").mobiscroll(opt);