1、引入

<link href="jp/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<script src="jp/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>

2、页面

<input type="text" style="border:none; border-bottom:1px solid #758e9b;" value="" 
      readonly="readonly" placeholder="请选择外出时间" data­role="datebox" id="startTime" 
      name="startTime" οnclick="getDate('startTime')"/>

3、方法

$(function(){
getDate("startTime");
});

//function getDate(){
//获取日期 时分
//$("#startTime").mobiscroll().datetime({
       // theme: "mobiscroll",
        //lang: "zh",
       // dateFormat: "yyyy-mm-dd",
        //stepMinute: 5  
     //});
//}
function getDate(t){
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式 
mode: 'scroller', //日期选择模式
lang:'zh',
dateFormat: 'yyyy-mm-dd', // 日期格式
dateOrder: 'yymmdd', //面板中日期排列格
startYear:currYear - 10, //开始年份
endYear:currYear + 10 //结束年份
};
var optDateTime = $.extend(opt['datetime'], opt['default']);
var optTime = $.extend(opt['time'], opt['default']);
$("#"+t).mobiscroll(optDateTime).datetime(optDateTime);
};

微信页面使用的日期插件相关推荐

  1. jquery-ui里日期插件的使用

    HTML为 <input type="text" id="starttime" readonly /><input type="te ...

  2. 适合手机页面微信页面pc页面用的幻灯片

    适合手机页面.微信网页的幻灯图插件 首先是css文件 style.css @charset "utf-8"; *{margin:0;padding:0;list-style:non ...

  3. 历史 微信开发者工具_不用微信开发者工具也能调试微信页面

    一般调试微信页面的时候,我们都会按照微信开发的官网教程,让你去安装微信开发者工具,然后在微信开发者工具上调试, 这样有时候会不会感觉很麻烦? 而且这个工具还经常卡死. 1515737321133.jp ...

  4. 微信小程序组件和插件

    微信小程序的组件和插件 一.基础组件 1.主要的基础组件 2.基础组件的使用 (1)基本用法 (2)其他用法 二.自定义组件 自定义组件的使用 (1)创建组件 (2)配置组件 (3)使用自定义组件 三 ...

  5. 微信小程序之日期时间筛选器实现(支持年月日时分)

    开发微信小程序过程中,有个需求需要用到日期时间筛选器,查看微信官方文档后,发现官方文档的picker筛选器只能单独支持日期或者是时间,所以为了实现需求自己参考企业微信封装了个日期时间筛选器组件. 写在 ...

  6. jQuery日期插件

    1.下载jQuery日期插件,见附件. 2.导入相应的js文件和jquery源码.例如 <link rel="stylesheet" type="text/css& ...

  7. jsp之bootstrap-datetimepicker日期插件

    bootstrap-datetimepicker日期插件 一.引入文件 这里是我目录下的 ,因为是bootstrap前端框架的插件,所以jQuery.bootstrap和插件都需要引入对应文件 < ...

  8. My97DatePicker-WdatePicker日历日期插件详细示例

    插件下载地址: https://download.csdn.net/download/lianzhang861/10433412 此日期插件功能还可以,用着挺顺手 目前的版本是:4.8 正式版 My9 ...

  9. My97日期插件实现日期多选

    -##一.story 项目中一个查询页面的日期输入框需要实现多选,日期插件用的是My97,由于原始的My97不支持日期多选,只能选用其他日期插件或对My97进行改造,下面介绍下用js修改My97的属性 ...

最新文章

  1. 开发出高性能的网站系列文章
  2. python能做软件开发吗-学习Python软件开发能做什么?
  3. 笔记-高项案例题-2015年上-计算题
  4. 编写自己的Shell解释器-3[转]
  5. 求字符串的最长回文字串 O(n)
  6. XGBoost深度理解
  7. SaaS架构设计之共享设备
  8. oracle between 和大于小于性能_2.oracle伪例+序列
  9. 存储服务器 自建,搭建及了解存储服务器
  10. iOS开发中Touch ID的使用
  11. pands 画图 调整大小_图片处理小技巧(调整大小、批量命名),超级实用
  12. 使用H5中的表单标签制作一个简单的网页登陆页面
  13. 信息时代,书香更宜人
  14. 为什么使用 XML?
  15. 组装网游服务器,网游服务器的搭建
  16. 使用空密码的本地帐户只允许进行控制台登陆_在群晖中运行Windows是什么样体验?教你VMM虚拟机简单使用...
  17. websocket 并发_1230万个并发WebSocket
  18. 【蓝桥杯方法篇】贪心算法详解一
  19. redis命令配置别名步骤
  20. SPN/MTN标准及其进展是什么情况?

热门文章

  1. ajax 导入大量excel,在Web界面中实现Excel数据大量导入的处理方式
  2. UE4平移视图方向更改
  3. Nebula Graph
  4. MP3 Tag id3(MP3标签 id3)
  5. Eclipse安装 dbeaver插件及使用
  6. PYNQ实现HDMI输出显示图片
  7. expect 使用实例
  8. js进阶高级与ES6,常用函数方法
  9. stm32通过usb下载固件
  10. 寒武纪3款AI处理器齐发,陈天石3年小目标:占领10亿智能AI终端;占领中国AI云端高性能芯片1/3...